//LOCALHOST 
//url(http://localhost/krug/ribarski_brevijar/design/content_background_kuhinja.jpg)

//SERVER
//url(http://www.ribarski-brevijar.hr/novi/design/content_background_kuhinja.jpg)
//url(http://ribarski-brevijar.hr/novi/design/content_background_kuhinja.jpg)

$(function()
{
	if (window.console && window.console.firebug) 
	{
		$("#container").append('<div id="warning">Firebug može usporiti stranicu! Molimo da ga isključite za glatku animaciju!</div>');
	}	
	
	var a = new Array();
	var a_submenu = new Array();
	var br = 0;
	var tracks_loaded = false;
	var index3 = 500;
	var submenu_selected;
	var link_clicked;
	var background = '';
	var brback = 0;
	
	$("#index").each(function(){ index3 = 0; })
	
	$("#inner").append('<div id="load"></div>');
	
	$("#menu a:not(.selected)").each(function()
	{
		a[br] = $(this).attr('href');
		br++;
	})
	
	br_linkova = br;
	br = 0;
	load_data();
	
	if($("#index").hasClass("box")==true)
	{
		$("#index").append('<div class="info" style="display:none"></div><div class="transparent" style="display:none"></div>');
		$(".transparent").css({ opacity : 0.7 });
	}
	else
	{
		$(".active").css({ "z-index" : 5 }).append('<div class="transparent"></div>');
		$(".transparent").css({ opacity : 0.7 , "z-index" : 4 });
		
		$("#menu").after('<div id="index" class="box hidden"><div class="info"></div></div>');
		$("#index").css({ opacity : 1, "z-index" : 3 });

		loading_tracks();
		tracks_loaded = true;
	}
	
	function load_data()
	{
		$("#load").load(a[br] +" .box", arrange_box);
		br++;
	}
	
	function arrange_box()
	{
		$("#inner").append($("#load .box").addClass("hidden").removeClass("active").css("z-index", "3"));
		
		if(br < br_linkova)
		{
			load_data();
		}
		else
		{
			$(".box .info").css({ background : "none", "z-index": 5}) //.after('<div class="transparent"></div>');
			initiate_submenus();
			//maps_window();
			
			/*
			br = 0;
			$(".submenu a").each(function()
			{
				console.log("evo");
				a_submenu[br] = $(this).attr('href');
				br++;
			})
			load_submenus();
			*/
		}

	}
	
	function hide_show(div_to_show)
	{
		$(".transparent").animate({"right" : "-415px" }, index3, function()
		{ 
			$(".transparent").remove(); 
			$("#"+div_to_show+" .info").after('<div class="transparent"></div>');
			//$(".transparent").css({ opacity : "1", "z-index" : 4 });
			$(".info p").css({ left : "415px" });
			$(".transparent").css({ opacity : "0.8", "z-index" : 4, right: "-415px" });
//							 .animate({ "right" : "-415px" }, 500)
	//						 .animate({ "right" : "0px" }, 1000);
							 //.animate({ "right" : "-50px" }, 400)
							 //.animate({ "right" : "0px" }, 300);
		});
		
		
		
		$("#inner .active .info")
		.animate({"right": "-415px" }, index3, function()
		{ 
			$("#"+div_to_show).css("z-index", "4").removeClass("hidden").find(".info").css("right", "-415px");
			
			$("#inner .active").animate({ "opacity": "0" }, 1000, function()
			{
				$(this).addClass("hidden").removeClass("active").css({ opacity : 1, "z-index" : "3" });
				$("#"+div_to_show)
					.addClass("active")
					.css({ "z-index" : "5" })
					.find(".info")
					.animate({ "right": "0px",  opacity : 1 }, 1000);
					//.animate({ "right" : "-50px" }, 400)
					//.animate({ "right": "0px" }, 300);
					$(".subdiv1, .subdiv0").remove();
			});
			
		})
		
		$(".submenu .selected").removeClass("selected");
		
		index3 = 500;
							
	}
	
	
	//na prvi klik na menu pojave se crte sastrane
	function loading_tracks()
	{ 
		$("#inner").append
		(
			'<div class="loading_left"><img src="design/body_background_loading.jpg" alt="Ribarski Brevijar" /></div> <div class="loading_right"><img src="design/body_background_loading.jpg" alt="Ribarski Brevijar" /></div>'
		);
		$(".loading_left, .loading_right").css({ opacity: 0 }).animate({ opacity : 1 }, 1000);
		
		loading_left();
		loading_right();
		tracks_loaded = true;

		return false;
	}


	//LOADING...
	function loading_left()
	{
		$(".loading_left img").css({ top: "-996px" }).animate({ top: "0px"}, 25500, "linear", loading_left);	
	}
	
	function loading_right()
	{
		$(".loading_right img").css({ top: "0" }).animate({ top: "-996px"}, 25500, "linear", loading_right);	
	}					   



	$("#menu a").click(function()
	{
		if(tracks_loaded == false){ loading_tracks(); }
		
		if($("div:animated:not(.loading_left, .loading_right)").size() == 0) 
		{
			if($(this).hasClass("selected"))
			{
				
				//if clicked on current page
				$(".active").animate({ opacity : 0 }, 1000, function()
				{ 
					$(this).addClass("hidden").removeClass("active").css({ opacity : 1, "z-index" : 3 });
					$(".subdiv1, .subdiv0").remove();
				});
				//alert ("ev")
				$("#menu .selected").removeClass("selected");
				//$("#submenu .selected").removeClass("selected");
				$("#index").removeClass("hidden").addClass("active").css("z-index", "5");
				index3 = 0;
				return false;
			}
			else
			{
				$("#menu .selected").removeClass("selected");
				$(this).addClass("selected");
				hide_show($(this).attr('rel'));
			}
		}
		return false;
	})



	function initiate_submenus()
	{
		$(".submenu").each(function()
		{
		var submen = $(this);
		submen.find("a").bind("click", function()
		{
			if($("div:animated:not(.loading_left, .loading_right)").size() == 0) 
			{
				submenu_selected = $(this).attr("rel");
				//submen.find(".selected").removeClass("selected");
				//$(".active .submenu .selected").removeClass("selected");
				check_submenu_active($(this), submenu_selected);
			}
			return false;
		})
		
		})
	}
	
	
	
	function check_submenu_active(clicked, sub_sel)
	{	
		//zatvaranje menija, ako je već otvoren a kliknuto je na nj
		if(clicked.attr("class") == 'selected')
		{
			clicked.removeClass("selected");
			$(".active .transparent").animate({ "right" : "-415px" }, 500);
			$("."+sub_sel).animate({ left : "415px" }, 600);
			
			//da se pozadinska slika vrati na početnu kod gašenja submenija
			//$(".subdiv0, .subdiv1").animate({ opacity : 0 }, 1000, function(){ $(this).remove(); })
			
			//$(".active .info p").animate({ left : "415px" }, 600);
			//console.log(sub_sel)
		}
		else
		{
			background = $(".active").css("background-image");
			//console.log(background + ' i ' + sub_sel)
			if($(".subdiv0, .subdiv1").size() != 0)
			{
				background = $(".subdiv"+brback).css("background-image");
			}
			
			//alert($(".active").css("background-image") + ' aa ' + background)
			
			if($(".submenu .selected").hasClass("selected"))
			{	
			
				//NIKAD SE NE DOGODI - OBRISATI
				if((background == '1url(http://localhost/krug/ribarski_brevijar/design/content_background_'+sub_sel+'.jpg)')||
				   (background == '1url("http://localhost/krug/ribarski_brevijar/design/content_background_'+sub_sel+'.jpg")'))  // for IE
				{
					$(".submenu .selected").removeClass("selected");
					$(".active .transparent").animate({ "right" : "-415px" }, 500);
					$(".s_active").removeClass("s_active").animate({ left : "415px" }, 600, function()
					{
						$(".active .transparent").animate({ "right" : "0" }, 500);
						$("."+sub_sel).removeClass("hidden").addClass("s_active").animate({ left : "0px" }, 600);		
					});
				}
				else
				{
					$(".active").append('<div class="subdiv'+brback+'"></div>');
					$(".subdiv"+brback).css({ opacity : "0" , "background-image" : "url(design/content_background_"+sub_sel+".jpg)" }).animate({ opacity : 1 }, 1000, function()
					{
						$(".subdiv"+brback).animate({ opacity : 1 }, 300, function()
						{
							$(".active .transparent").animate({ "right" : "0" }, 500);
							$("."+sub_sel).removeClass("hidden").css({ left : "415px"}).addClass("s_active").animate({ left : "0px" }, 600);
						})
						if(brback == 0)
						{
							brback++;
							$(".subdiv1").remove();
						}
						else
						{
							brback = 0;
							$(".subdiv0").remove();
						}
					});

					$(".submenu .selected").removeClass("selected");
					$(".active .transparent").animate({ "right" : "-415px" }, 500);
					$(".s_active").removeClass("s_active").animate({ left : "415px" }, 600);
					//}
					//$("#kuhinja").css("background-image", "url(design/content_background_jelovnici.jpg)")
					//$(".active").css("background-image", 'design/content_background_jelovnici.jpg')
				}
				
				//url(http://localhost/krug/ribarski_brevijar/design/content_background_kuhinja.jpg)
				
				//console.log("mirko")
				
				
			}//end if .submenu .selected hasClass("selected")
			else
			{
				//console.log('url(http://localhost/krug/ribarski_brevijar/design/content_background_'+sub_sel+'.jpg)' + ' i2 ' + background)
				//alert(background + ' + ' + sub_sel)
				
				//ZA LOCALHOST
				//if((background == 'url(http://localhost/krug/ribarski_brevijar/design/content_background_'+sub_sel+'.jpg)')||
				//   (background == 'url("http://localhost/krug/ribarski_brevijar/design/content_background_'+sub_sel+'.jpg")'))  // for IE
				
				//ZA SERVER
				//url(http://ribarski-brevijar.hr/novi/design/content_background_kuhinja.jpg)
				if((background == 'url(http://ribarski-brevijar.hr/novi/design/content_background_'+sub_sel+'.jpg)')||
				   (background == 'url("http://ribarski-brevijar.hr/novi/design/content_background_'+sub_sel+'.jpg")')|| // for IE
				   (background == 'url(http://www.ribarski-brevijar.hr/novi/design/content_background_'+sub_sel+'.jpg)')||
				   (background == 'url("http://www.ribarski-brevijar.hr/novi/design/content_background_'+sub_sel+'.jpg")') // for IE
				  )  
				
				{
					//alert(background)
					$(".active .transparent").animate({ "right" : "0" }, 500);
					$("."+sub_sel).removeClass("hidden").addClass("s_active").animate({ left : "0px" }, 600);		
					//console.log(sub_sel + ' i2 ' + background)
				}
				else
				{
					
					$(".active").append('<div class="subdiv'+brback+'"></div>');
					$(".subdiv"+brback).css({ opacity : "0" , "background-image" : "url(design/content_background_"+sub_sel+".jpg)" }).animate({ opacity : 1 }, 1000, function()
					{
						//$(".subdiv"+brback).animate({ opacity : 1 }, 300, function()
						//{
							$(".active .transparent").animate({ "right" : "0" }, 500);
							$("."+sub_sel).removeClass("hidden").addClass("s_active").animate({ left : "0px" }, 600);
						//})
						
						//alert("ovo")
						//console.log(sub_sel + ' i ' + background)
						
						if(brback == 0)
						{
							brback++;
							$(".subdiv1").remove();
						}
						else
						{
							brback = 0;
							$(".subdiv0").remove();
						}
					});
				}
			}
			clicked.addClass("selected");
		}
			//.animate({ "right" : "0px" }, 1000);
			
		//console.log(clicked.attr("class"))
			
			//	$("."+sub_sel).addClass("s_active") //.animate({ "opacity" : "1" }, 300).fadeIn(300);
			//}
			//else
			//{
			//	console.log("evo mape")
			//	$(".s_active").removeClass("s_active").fadeOut(300);
			//	$("."+sub_sel).addClass("s_active").css({"display" : "block", "opacity" : 1 });
			//}
		//}
	}
	/*
	function maps_window()
	{
		$("#google_map_window").click(function()
		{
			$("#container").append('<div id="full_window"></div>');
			$("#full_window").css({ width: "100%", 
								    height: "100%", 
									background: "#000", 
									opacity: "0", 
									position: "absolute", 
									top: "0", 
									left: "0",  
									"z-index": 1000
								 })

							.animate({ opacity: "0.8"}, 500, function()
							{
								$("#full_window").append('<div id="center_map"></div>');
								$("#center_map").css({ 	width:"80%", 
													 	height: "80%", 
														background:"#ff0", 
														position:"absolute", 
														left: "10%", 
														top:"10%" 
													}).load("maps.php")
							});						//load("http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Zagreb,+Hrvatska,+Ribarski+Brevijar,+Kaptol++27%2F1&sll=37.0625,-95.677068&sspn=38.775203,93.164063&ie=UTF8&ll=45.817644,15.980151&spn=0.008345,0.022745&z=16&iwloc=A")
			
			return false;
		})
	}
	*/
})