var dimension = 0;
	var zoom = 2;
	var currentindice = 0;
	var lh = location.href.split('?')[1].split('&');var get = new Array();for (var i = 0; lh[i]; i++) { get[lh[i].split('=')[0]] = (lh[i].split('=')[1]).replace(/\+/g,  " ");}

	$(document).ready(function(){


//initialize required settings for animation of thumbnails		
		dimension = $("#gallery_menu > li > img").height();
		$("#gallery_menu > li").css("position","relative");
		$("#gallery_menu > li > img").animate({opacity:0,width:dimension,height:dimension},0);

//bind action block for the gallery navigation
		itemcount = $("#gallery_menu > li > img").size();		
		indice = 0;

		while(itemcount>indice){
			setTimeout("loadcheck($(\"#gallery_menu > li > img\").eq("+indice+"),.4)", (100*indice));
			indice++;

		}

		setTimeout(function(){
				$("#gallery_menu > li > img").one("mouseenter",function(){galover(this);});
				$("#gallery_menu > li > img").one("mouseout",function(){galout(this);});
		}, (100*itemcount));

		$("#gallery_menu").append('<li id="gallery_menu_nav"><span>&lt;&lt;&nbsp;</span><span>&nbsp;&gt;&gt;</span></li>');
		$("#gallery_menu_nav span").eq(1).bind("click",function(){if(currentindice<$("#gallery_menu > li > img").size()-1){currentindice++;}loadimage($("#gallery_menu > li > img").eq(currentindice));});
		$("#gallery_menu_nav span").eq(0).bind("click",function(){if(currentindice>0){currentindice--;}loadimage($("#gallery_menu > li > img").eq(currentindice));});


//--------------------------------------------------------------------------------------------------

		$("#gallery_window").html("<img></img>");
		$("#gallery_window > img").css("position","relative");
		$("#gallery_window img").animate({ opacity:0 },0);
		loadimage($("#gallery_menu > li > img").eq(0));
	});





	function vcenter(item){
		$(item).parent().css("position","relative");
		$(item).css("top",($(item).parent().height()-$(item).height())/2);
	}
	

	function loadimage(item){
			$("#gallery_menu > li > img").unbind("click");
			$("#gallery_window img").unbind("load");
			$("#gallery_window img").animate({ opacity:0 },300);
			setTimeout(function(){$("#gallery_window img").attr("src","folios/"+get['collection']+"/image/"+$(item).attr("title"))},350);
			setTimeout("loadcheck($(\"#gallery_window img\"),1)",350);

			setTimeout(function(){$("#gallery_menu > li > img").one("click",function(){ currentindice = $("#gallery_menu > li > img").index(this);loadimage(this);})},950);
	}


	function loadcheck(item,opac){
//we want to make sure no animations run till the item is fully loaded. Unfortunatly the 
//load event can fail if an image has loaded to fast, which can happen. Instead we force
//a reload so that the onload event will never fail, and will trigger instantly if it is cached.
		reloaded = $(item).attr("src");
		$(item).attr('src','');
		$(item).attr('src',reloaded);
		$(item).load(function(){
			vcenter(item);
			$(this).animate({ opacity:opac },600);
		});
	}
	function galover(item){
		$(item).unbind("mouseenter");
		$(item).css("z-index","99");
		$(item).css("position","absolute");
		$(item).animate({
			opacity:1,
			width:(dimension*zoom)+"px",
			height:(dimension*zoom)+"px",
			right:-(((dimension*zoom)-dimension)/2)+"px",
			top:-(((dimension*zoom)-dimension)/2)+"px"
		},120);
	}
	function galout(item){
		$(item).unbind("mouseout");
		$(item).css("z-index","10");
		$(item).animate({
			opacity:.4,
			width:dimension,
			height:dimension,
			right:"0px",
			top:"0px"
		},320);
		setTimeout(function(){$(item).css("position","relative")},330);
		setTimeout(function(){$(item).one("mouseenter",function(){galover(this);})},330);
		setTimeout(function(){$(item).one("mouseout",function(){galout(this);})},330);
	}