// JavaScript Document
$(document).ready(function() {
	var total = $('.section').size();
	//alert(total);
	var n = 0;
	var x = 0;
	
	var imagename = $("#" + n).attr('title');
	$("#" + n).prepend("<img src='/data/gallery/"+imagename+"' alt='"+imagename+"' border='0'/>");
	
	if(jQuery.browser.msie && parseInt(jQuery.browser.version, 10) == 6) {
		//alert("disable javascript please");
		$("#gallery_button").children().removeClass("panel_button");
		$("#gallery_button").children().children().removeClass("opengallery");
		//$(".panel_button a").removeClass("opengallery");
		//$(".opengallery").parent().removeClass("panel_button");
	} else {
		//alert("disable link");
		$("a.opengallery").attr('href', '#');	
	}
	
	
	//setup droppanel
	
	$("div.panel_button").click(function(){
		if (navigator.appName.indexOf("Microsoft")!=-1) {
		  	var windowSize = document.documentElement.clientHeight;
		} else {
			var windowSize = window.innerHeight;
		}
		//alert(windowSize);
		
		if (windowSize < 661) {
			var target = windowSize - 101;
			var strech =  target + 10;
		} else {
			var target = 569;
			var strech = 579;
		}
										 	
		$("div#panel").animate({
			height: strech + "px"
		})
		.animate({
			height: target + "px"
		}, "fast");
		$("div.panel_button").toggle();
	
	});	
	
   $("div#hide_button").click(function(){
		$("div#panel").animate({
			height: "0px"
		}, "fast");
		
	
   });	
   
   
   //end setup drop panel
	
	
	
	$(".opengallery").click(function(){
		//alert("go");
		if (n == 0) {		
				n = n + 1;
				x = x + 2;
				var imagename = $("#" + n).attr('title');
				$("#" + n).prepend("<img src='/data/gallery/"+imagename+"' alt='"+imagename+"' border='0'/>");
		}
	});							 
	
	$("#rightbutton").click(function(){
			if (n+1 < total+1) {
				//alert("n=" + n + ", x=" + x);
				n = n + 1;
				if (n == x) {
					x = x + 1;
					//load next image
					var imagename = $("#" + n).attr('title');
					//$("." + n).attr('src', imagename);
					
					function placeimg() {
						$("#" + n).prepend("<img src='/data/gallery/"+imagename+"' alt='"+imagename+"' border='0'/>");
						$("#rightbutton").toggle();
					}
					//alert("The image is loaded now");
					if(jQuery.browser.msie && parseInt(jQuery.browser.version, 10) == 6) {
					   window.setTimeout(function() {placeimg();}, 0);
					   $("#rightbutton").toggle();
					} else {
						$("#" + n).prepend("<img src='/data/gallery/"+imagename+"' alt='"+imagename+"' border='0'/>");
					}
				}
				//toggle buttons
				if (n == 2) {
					$("#leftbutton").toggle();
				}
				if (n == total) {
					$("#rightbutton").toggle();
				}
			} 
	});
	$("#leftbutton").click(function(){
									
		//alert("n=" + n + ", x=" + x);				
		
		if (n-1 != 0) {
			n = n - 1;	
			//alert(n);
		} 
		if (n == 1) {
			$("#leftbutton").toggle();
		}
		if (n == total-1) {
			$("#rightbutton").toggle();
		}
		
		
	});							 							 
});