var image;
var f1;
var cntHovering = true;
var timerId;
var shiftTimer;
var total_rnd_pic = 0;
	
function init() {

//on click: commantary
	//ON CLICK -> HIDE FORM
	$("#del").click(function(event){
		$("#commentaryform").remove();
		$("#addlink").show();
		$("#del").hide();
		event.preventDefault();	
	});
	//ON CLICK -> SHOW FORM
	$("#addlink").click(function(event){
		var form = "/assets/snippets/maxigallery/form.php";
		var picid = document.location.search;
		//load the FORM	
		$.ajax({
 			 type: "GET",
  			url: form.concat(picid),
			success: function(data){ 
				$("#del").show();	
				$("#addlink").hide();
				$("#addlink").after(data);	
						
			}
		});		
		event.preventDefault();
	});
	
	
	
//hover sidebar
	$("#sidebar li.level1 a").hover(
	function(){
		$(this).parent().addClass("red");
	},
	function(){
		$(this).parent().removeClass("red");	
	}
	);	

	$("#sidebar li.level2 a").hover(
	function(){
		$(this).parent().addClass("red");
		
	},
	function(){
		$(this).parent().removeClass("red");	
	}
	);	
	
	$("#sidebar li.level3 a").hover(
	function(){
		$(this).parent().addClass("red");
	},
	function(){
		$(this).parent().removeClass("red");	
	}
	);	

//photos children
	$("div.childscontainer img").hover(
		function(event){
				image = this;
				cntHovering = true;	
				timerId = setTimeout("hoverMe()", 13) ;				
		},
		function(event){
				cntHovering = false;
				clearTimeout(timerId);	
		}
	);
	
//Hover Function in children galleries	
	$("td.random img").hover(
		function(event){
				image = this;
				//f1;
				cntHovering = true;	
				timerId = setTimeout("hoverMe()", 13) ;				
		},
		function(event){
				cntHovering = false;
				clearTimeout(timerId);	
		}
	);

//Radom Fotoes in all Galleries
	if( ($("table#rndpic")).length > 0)
		 shiftTimer = setTimeout("shiftMe()", 13);
	
//Stop Animation	 
	$("a#stop").click(
		function(event){
			clearTimeout(shiftTimer);
			event.preventDefault();
		}
	);	
//ReStart Animation
	$("a#start").click(
		function(event){
			total_rnd_pic = 0;
			clearTimeout(shiftTimer);
			shiftTimer = setTimeout("shiftMe()", 13);
			event.preventDefault();
		}
	);	 
	
}
//Start in point
$(document).ready(init);

hoverMe = function()
{					
	var getimglink = "/assets/snippets/maxigallery/getimglink.php?kaka="+Math.random().toString()+"&link=";
	var filename = $(image).attr("src");					
	$.ajax({
		type: "GET",
		url: getimglink.concat(filename),
		success: function(data){
			$(image).attr({
				src: data	
			});	
		}
	});
	if(cntHovering)
	{
		timerId = setTimeout("hoverMe()", 1500);
	}
	else
	{
		clearTimeout(timerId);
	}
}


var lii = 1; 
shiftMe = function()
{	
	var selector = "table#rndpic #li"+lii.toString()+" ";
	lii++;
	if(lii > 4)
	{
		lii = 1;
	}
	
	$.getJSON("/assets/snippets/maxigallery/getrandompic.php?kaka="+Math.random().toString(),function(data){
			$(selector +" img").attr({
				src: 	data.pic
			});	
			$(selector +" a").attr({
				href: 	data.url
			});				
			$(selector +" p").replaceWith('<p>'+data.title+'<br />('+data.year+')</p>');
			
	});
			
	if (total_rnd_pic < 100) {
		if(total_rnd_pic < 3)
		{
			shiftTimer = setTimeout("shiftMe()", 13);
		}
		else
		{
			shiftTimer = setTimeout("shiftMe()", 2000);
		}
		
		total_rnd_pic++;
	}
	else{
		clearTimeout(shiftTimer);
		alert('100 Fotoen gekuckt...');
	}
}