jQuery(function($) {
		
	$('.gallery-list').addClass('gallery-annie'); // adds new class name to maintain degradability
		
	$('ul.gallery-annie').galleria({
		history   : true, // activates the history object for bookmarking, back-button etc.
		clickNext : false, // helper for making the image clickable
		insert    : '#main-image', // the containing selector for our main image
		onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
				
			// fade in the image & caption
			if(! ($.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.6);
			
			// fade in active thumbnail
			thumb.fadeTo('fast',1).addClass('selected');
			
			// add a title for the clickable image
			//image.attr('title','Next image >>');
			
			if (thumb.hasClass('before')) {
				image.hover (
					function() {  //over - mouseOver to Before image
						imageAfter=this.src;  // global storage for restore
						//implement the imageBefore rollover
						this.src = this.src.replace(/.(gif|jpg|jpeg|png)$/i, "_before.$1");
						caption.html(unescape('Room <em>before</em> AHI redesign. Take your mouse off the photo to see our redesign.')).css('display','none').fadeIn(500);						
						},
					function() { this.src = imageAfter; caption.text(thumb.attr('title')).css('display','none').fadeIn(500); }  //out - back to original image
				)
			}
			
			if (image.height() > image.width()) {
				image.addClass('vert');
				$('#wrapper').addClass('vert-child');
			} else {
				$('#wrapper').removeClass('vert-child');
			}
			
			
		},
		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.6';
			
			// 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.6); } // don't fade out if the parent is active
			)
		}
	});
});