jQuery(function($JQ) {			

			var newWindowHeight = $JQ(window).height();
			$JQ(".collectionGalleryContainer").css("height", newWindowHeight-30 );	
	
			$JQ('ul.galleryCollection').galleria({
				history   : false,
				clickNext : true,
				insert    : '#main_image',
				onImage   : function(image,caption,thumb) { 				
					// fade in the image & caption
					if(! ($JQ.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
						image.css('display','none').fadeIn(1000);
					}
					caption.css('display','none').fadeIn(1000);					
					// fetch the thumbnail container
					var _li = thumb.parents('li');					
					// fade out inactive thumbnail
					_li.siblings().children('img.selected').fadeTo(500,0.7);					
					// fade in active thumbnail
					thumb.fadeTo('fast',1).addClass('selected');					
					// add a title for the clickable image
					image.attr('title','Next image >>');	
								
					var newWindowHeight = $JQ(window).height();				
					newWindowHeight -= 30;
					
					var imageHeight = $JQ('#main_image img').height();
					var imageWidth = $JQ('#main_image img').width();
					var ratio = imageWidth/imageHeight;			
						
					$JQ('#main_image img').css('width',newWindowHeight*ratio);
					$JQ('#main_image img').css('height',newWindowHeight);

				},
				onThumb : function(thumb) { // thumbnail effects goes here					
					// fetch the thumbnail container
					var _li = thumb.parents('li');					
					// if thumbnail is active, fade all the way.
					var _fadeTo = _li.is('.active') ? '1' : '0.7';					
					// fade in the thumbnail when finnished loading
					thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);					
					// hover effects
					thumb.hover(
						function() { thumb.fadeTo('fast',1); },
						function() { _li.not('.active').children('img').fadeTo('fast',0.7); } // don't fade out if the parent is active
					)
				}
			});
		});