/* Gallery Loader */

var Gallery = {
	
	ROOT : "http://www.henriehaldane.com",

	init:function()
	{
		$("[rel=galleryClick]").click(
		function(e)
		{
			var title = e.target.parentNode.getAttribute("title");
			e.stopPropagation();
			e.preventDefault();
			$.ajax({
		   		type	: "GET",
		   		url		: Gallery.ROOT+"/wp-content/themes/henrie/galleryhtml/getgallery.php",
				data	: "gallery="+title,
				dataType: "html",
		   		success	: function(msg)
				{
					Gallery.fadeInGallery(msg);
					window.scrollTo(1800, 0);  // Add additional pixel size to 1800 - Alessio
				}
			});
		});
	},

	fadeInGallery:function(msg)
	{
		$("#overlay").show();
		$("#showGallery").empty();
		gall = document.getElementById("showGallery");
		gall.innerHTML = msg;
	//	$("#showGallery").append(msg);	
		$("#showGallery").fadeIn("slow");
		
		$("#closelabel").click(Gallery.close);
		$("#galleryid").galleria({
			history   : false, // activates the history object for bookmarking, back-button etc.
			clickNext : true, // 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.3);

						// fade in active thumbnail
						thumb.fadeTo('fast',1).addClass('selected');
						// add a title for the clickable image
						image.attr('title','Next image >>');
					},
			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.3';

						// 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.3); } // don't fade out if the parent is active
				)
			}
		});
	},
	
	close:function()
	{
	//	$("#showGallery").fadeOut("fast");
		$("#overlay").hide();
		$("#showGallery").hide();
		$("#showGallery").empty();
	}
}

$(document).ready(Gallery.init);