// JavaScript Document

var a_aktualni = "/images/galerie/large/1.png";
var l_aktualni_int = 1;
var l_promenlivy = 1;
var l_timer  = null;
var l_timer2 = null;
var l_timer3 = null;
var l_hover  = false;
var l_typ    = 1;

var promenna = new Image();
promenna.src = "/images/galerie/large/1.png";

var promenna2 = new Image();
promenna2.src = "/images/galerie/large/2.png";

var promenna3 = new Image();
promenna3.src = "/images/galerie/large/3.png";

var promenna4 = new Image();
promenna4.src = "/images/galerie/large/4.png";

function Change()
{
	if (a_aktualni == "/images/galerie/large/1.png")
		l_promenlivy = 1;
	else if (a_aktualni == "/images/galerie/large/2.png")
		l_promenlivy = 2;
	else if (a_aktualni == "/images/galerie/large/3.png")
		l_promenlivy = 3;
	else if (a_aktualni == "/images/galerie/large/4.png")
		l_promenlivy = 4;
}

function reDraw()
{
	clearTimeout(l_timer2);
	if (l_typ == 1)
	{		
		$('#large').attr("src", function() { 
		  return a_aktualni; 
		});
		$('#loading').hide();
		$('#large').animate({opacity: "1"}, "fast");
		Change();
	}
	else if (l_typ == 2)
	{
		$('#fade2').attr("src", function() { 
		  return a_aktualni; 
		});
		$('#loading').hide();
		$('#fade2').animate({opacity: "1"}, "fast");
		Change();
	}	
}

function jShowLoading()
{
	var position = $("#large").position().left+215;
	var position2 = $("#large").position().top+80;

	$('#loading').css({
	   'left': position
	});
	$('#loading').fadeIn();
	if (l_typ == 1)
		$('#large').animate({opacity: "0.4"}, "slow")
	else if (l_typ == 2)
		$('#fade2').animate({opacity: "0.4"}, "slow")
}

function jZamena()
{
	if (l_typ == 1)
	{
		$('#fade').show();
		$('#fade2').animate({opacity: "1"}, 0);
		$('#large').animate({opacity: "0"}, 0);
		l_typ++;
	}
	else if (l_typ == 2)
	{
		$('#large').animate({opacity: "1"}, 0);
		$('#fade2').animate({opacity: "0"}, 0);
		l_typ--;
	}
}

$(document).ready(function(){					   
	if ($('#small1').hover(function(){
		clearTimeout(l_timer3);
		clearTimeout(l_timer2);
		
		/*if ((a_aktualni == $('#large').attr("src") ||  a_aktualni == $('#fade2').attr("src"))
			&& 1 == l_promenlivy)return;
		l_promenlivy = 1;
		
		l_timer=setTimeout("jShowLoading();",50);
		l_hover = true;
		
		$.ajax(
		{
		   	type: "POST",
		   	url: "ajax/img1.html",
			data: "",
		   	success: function(msg)
		   	{
				clearTimeout(l_timer);
				$('#loading').hide();
		   		//$('#large_blok').html (msg+'<img src="/images/loading.gif" alt="loading" id="loading" />');
				if (l_hover)
				{
					var position = $("#large").position().left;
					var position2 = $("#large").position().top;
					$('#fade').css({'left': position, 'top': position2});
					
					if (l_typ == 1)
					{
						$('#fade2').attr("src", function() { 
						  return promenna.src; 
						});
					
						$('#fade2').animate({opacity: "0"}, "fast");
					}
					else if (l_typ == 2)
					{
						$('#large').attr("src", function() { 
						  return promenna.src; 
						});
						$('#large').animate({opacity: "0"}, "fast");
					}
					clearTimeout(l_timer2);
					l_timer2=setTimeout("jZamena();",10);
				}
			},
		   	error: function(msg)
		   	{
				clearTimeout(l_timer);
	       		$('#loading').hide();
		   	}
		});*/
		$('#large').attr({src: "/images/galerie/large/1.png"});
	}));
	if ($('#small2').hover(function(){
		clearTimeout(l_timer3);
		clearTimeout(l_timer2);

		/*if ((a_aktualni == $('#large').attr("src") ||  a_aktualni == $('#fade2').attr("src"))
			&& 2 == l_promenlivy)return;
		l_promenlivy = 2;
		l_timer=setTimeout("jShowLoading();",50);
		l_hover = true;
		$.ajax(
		{
		   	type: "POST",
		   	url: "ajax/img2.html",
			data: "",
		   	success: function(msg)
		   	{
				clearTimeout(l_timer);
				$('#loading').hide();
				//$('#large').animate({opacity: "1"}, "fast")
		   		//$('#large_blok').html (msg+'<img src="/images/loading.gif" alt="loading" id="loading" />');
				if (l_hover)
				{
					var position = $("#large").position().left;
					var position2 = $("#large").position().top;
					$('#fade').css({'left': position, 'top': position2});
					
					if (l_typ == 1)
					{
						$('#fade2').attr("src", function() { 
						  return promenna2.src; 
						});
					
						$('#fade2').animate({opacity: "0"}, "fast");
					}
					else if (l_typ == 2)
					{
						$('#large').attr("src", function() { 
						  return promenna2.src; 
						});
						$('#large').animate({opacity: "0"}, "fast");
					}
					clearTimeout(l_timer2);
					l_timer2=setTimeout("jZamena();",10);
				}
		   	}
			,
		   	error: function(msg)
		   	{
				clearTimeout(l_timer);
	       		$('#loading').hide();
		   	}
		});*/
		$('#large').attr({src: "/images/galerie/large/2.png"});
	}));
	if ($('#small3').hover(function(){
		clearTimeout(l_timer3);
		clearTimeout(l_timer2);
		/*if ((a_aktualni == $('#large').attr("src") ||  a_aktualni == $('#fade2').attr("src"))
			&& 3 == l_promenlivy)return;
		l_promenlivy = 3;
		
		l_timer=setTimeout("jShowLoading();",50);
		l_hover = true;
		$.ajax(
		{
		   	type: "POST",
		   	url: "ajax/img3.html",
			data: "",
		   	success: function(msg)
		   	{
				clearTimeout(l_timer);
				$('#loading').hide();
				//$('#large').animate({opacity: "1"}, "fast")
		   		//$('#large_blok').html (msg+'<img src="/images/loading.gif" alt="loading" id="loading" />');
				if (l_hover)
				{
					var position = $("#large").position().left;
					var position2 = $("#large").position().top;
					$('#fade').css({'left': position, 'top': position2});
					
					if (l_typ == 1)
					{
						$('#fade2').attr("src", function() { 
						  return promenna3.src; 
						});
					
						$('#fade2').animate({opacity: "0"}, "fast");
					}
					else if (l_typ == 2)
					{
						$('#large').attr("src", function() { 
						  return promenna3.src; 
						});
						$('#large').animate({opacity: "0"}, "fast");
					}
					clearTimeout(l_timer2);
					l_timer2=setTimeout("jZamena();",10);
				}
		   	}
			,
		   	error: function(msg)
		   	{
				clearTimeout(l_timer);
	       		$('#loading').hide();
		   	}
		});*/
		$('#large').attr({src: "/images/galerie/large/3.png"});
	}));
	if ($('#small4').hover(function(){
		clearTimeout(l_timer3);
		clearTimeout(l_timer2);
		/*if ((a_aktualni == $('#large').attr("src") ||  a_aktualni == $('#fade2').attr("src"))
			&& 4 == l_promenlivy)return;
		l_promenlivy = 4;
		
		l_timer=setTimeout("jShowLoading();",50);
		l_hover = true;
		$.ajax(
		{
		   	type: "POST",
		   	url: "ajax/img4.html",
			data: "",
		   	success: function(msg)
		   	{
				clearTimeout(l_timer);
				$('#loading').hide();
				//$('#large').animate({opacity: "1"}, "fast")
		   		//$('#large_blok').html (msg+'<img src="/images/loading.gif" alt="loading" id="loading" />');
				if (l_hover)
				{
					var position = $("#large").position().left;
					var position2 = $("#large").position().top;
					$('#fade').css({'left': position, 'top': position2});
					
					if (l_typ == 1)
					{
						$('#fade2').attr("src", function() { 
						  return promenna4.src; 
						});
					
						$('#fade2').animate({opacity: "0"}, "fast");
					}
					else if (l_typ == 2)
					{
						$('#large').attr("src", function() { 
						  return promenna4.src; 
						});
						$('#large').animate({opacity: "0"}, "fast");
					}
					clearTimeout(l_timer2);
					l_timer2=setTimeout("jZamena();",10);
				}
		   	}
			,
		   	error: function(msg)
		   	{
				clearTimeout(l_timer);
	       		$('#loading').hide();
		   	}
		});*/
		$('#large').attr({src: "/images/galerie/large/4.png"});
	}));
	
	
	if ($('#small1').mouseout(function(){
		$('#loading').hide();
		clearTimeout(l_timer);
		clearTimeout(l_timer2);
		l_timer3=setTimeout("reDraw();",40);
		l_hover = false;
	}));
		
	if ($('#small2').mouseout(function(){
		$('#loading').hide();
		clearTimeout(l_timer);
		clearTimeout(l_timer2);
		l_timer3=setTimeout("reDraw();",40);
		l_hover = false;
	}));
		
	if ($('#small3').mouseout(function(){
		$('#loading').hide();
		clearTimeout(l_timer);
		clearTimeout(l_timer2);
		l_timer3=setTimeout("reDraw();",40);
		l_hover = false;
	}));
	
	if ($('#small4').mouseout(function(){
		$('#loading').hide();
		clearTimeout(l_timer);
		clearTimeout(l_timer2);
		l_timer3=setTimeout("reDraw();",40);
		l_hover = false;
	}));
	
	if ($('#small1').click(function(){
		a_aktualni = "/images/galerie/large/1.png";
		$('#large').animate({opacity: "1"}, "fast");
		l_aktualni_int = 1;
	}));
	if ($('#small2').click(function(){
		a_aktualni = "/images/galerie/large/2.png";
		$('#large').animate({opacity: "1"}, "fast");
		l_aktualni_int = 2;
	}));
	if ($('#small3').click(function(){
		a_aktualni = "/images/galerie/large/3.png";
		$('#large').animate({opacity: "1"}, "fast");
		l_aktualni_int = 3;
	}));
	if ($('#small4').click(function(){
		a_aktualni = "/images/galerie/large/4.png";
		$('#large').animate({opacity: "1"}, "fast");
		l_aktualni_int = 4;
	}));
	
});