var sisalto;
sisalto = "";
var muuttuja = 1;
var scrolli;
function bind_john()
{
	$("#john").bind("mouseover", function()
	{
		$("#john_west_info").delay(500).fadeIn(1);
	});
	$("#john").live("mouseout", function()
	{
		$("#john_west_info").clearQueue();
	});
}
function unbind_john()
{
	$("#john").unbind("mouseover");
}
function kestava() {
		kestava2();
		kestava2();
}
function kestava2() {
	$('#john_west_info2 .content2').jScrollPane();
	$("#john_west_info2").fadeIn(1);

}

$(document).ready(function()
{
	//bind_john();
	$("#john_west_info .sulje").live("click", function()
	{
		$("#john_west_info").hide();
	});

	$("#john_west_info2 .sulje").live("click", function()
	{
		$("#john_west_info2").hide();
	});
	
	if($.browser.msie)
	{
		var scrolli = $("#keltainen_popup .content");
		scrolli.jScrollPane();
		var api = scrolli.data("jsp");
		api.reinitialise();

		$("#keltainen_popup .sulje2").live("click", function()
		{
			if (sisalto != "") {
				$('.jspPane').animate({
					left: '-700'
				  }, 1000, function() {
					$(".jspPane").html(sisalto);
					$("#nappi_sulje").removeClass("sulje2");
					$("#nappi_sulje").addClass("sulje");
				$('.jspPane').animate({
					left: '0'
				  }, 1000, function() {
					api.reinitialise();
					sisalto = "";
				});  
				});
			}
		});

		$("#keltainen_popup .sulje").live("click", function()
		{
				$(this).parent().fadeOut(500);
				$("#navigation .active").removeClass("active");
				$("#navigation .etusivu").addClass("active");
				
		});
		
		$("table.reseptit td").live("click", function(e)
		{
			var id = $(this).children("input[name=resepti_id]").val();
			
			$.post("hae_resepti.php", { sivu: "resepti", id: id }, function(d)
			{
				sisalto = $(".jspPane").html();
				scrolli.scrollTo(0,0);
	
				$('.jspPane').animate({
					left: '-700'
				  }, 1000, function() {
					$(".jspPane").html(d);
					$("#nappi_sulje").removeClass("sulje");
					$("#nappi_sulje").addClass("sulje2");
					
				$('.jspPane').animate({
					left: '0'
				  }, 1000, function() {
					  api.reinitialise();
				});
			});	
					return false;
	
			});
		});
		$("table.reseptit2 td").live("click", function(e)
		{
			var id = $(this).children("input[name=resepti_id]").val();
			
			$.post("hae_tuote.php", { sivu: "resepti", id: id }, function(d)
			{
				sisalto = $(".jspPane").html();
				//api.scrollTo(0,0);
	
				$('.jspPane').animate({
					left: '-700'
				  }, 1000, function() {
					$(".jspPane").html(d);
					$("#nappi_sulje").removeClass("sulje");
					$("#nappi_sulje").addClass("sulje2");
				$('.jspPane').animate({
					left: '0'
				  }, 1000, function() {
					  api.reinitialise();
				});
			});	
					return false;
	
			});
		});
				$(".a_lisaa").live("click", function(e)
			{
				e.preventDefault();
				
				var s = $(this).parent().parent().find("table");
				if(s.css("display") == "none")
				{
					//$(this).fadeOut(200, function()
					//{
						//$(this).text("Sulje");
						
						//$(this).fadeIn(200);
					//});
					s.slideDown();
					api.reinitialise();
				}
				else
				{
					/*$(this).fadeOut(200, function()
					{
						//$(this).text("Lisää");
						
						$(this).fadeIn(200);
					});*/
					s.slideUp();
					api.reinitialise();
				}
			});
		
	} else {
		var scrolli = $("#keltainen_popup .content");
		//scrolli.jScrollPane();
		var settings = {
			autoReinitialise: true
		};
		scrolli.jScrollPane(settings);	
		var scrolli = scrolli.data("jsp");
		//$(".jspPane").css("height","1000px");
		
		$("#keltainen_popup .sulje2").live("click", function()
		{
			if (sisalto != "") {
				$('.jspPane').animate({
					left: '-700'
				  }, 1000, function() {
					$(".jspPane").html(sisalto);
					$("#nappi_sulje").removeClass("sulje2");
					$("#nappi_sulje").addClass("sulje");
				$('.jspPane').animate({
					left: '0'
				  }, 1000, function() {
					//api.reinitialise();
					sisalto = "";
				});  
				});
			}
		});
				
		$("#keltainen_popup .sulje").live("click", function() {
				$(this).parent().fadeOut(500);
				$("#navigation .active").removeClass("active");
				$("#navigation .etusivu").addClass("active");
				
		});
		
		$("table.reseptit td").live("click", function(e)
		{
			var id = $(this).children("input[name=resepti_id]").val();
			
			$.post("hae_resepti.php", { sivu: "resepti", id: id }, function(d)
			{
				sisalto = $(".jspPane").html();
				scrolli.scrollTo(0,0);
	
				$('.jspPane').animate({
					left: '-700'
				  }, 1000, function() {
					$(".jspPane").html(d);
					$("#nappi_sulje").removeClass("sulje");
					$("#nappi_sulje").addClass("sulje2");
				$('.jspPane').animate({
					left: '0'
				  }, 1000, function() {
					  //api.reinitialise();
				});
			});	
					return false;
	
			});
		});
		$("table.reseptit2 td").live("click", function(e)
		{
			var id = $(this).children("input[name=resepti_id]").val();
			
			$.post("hae_tuote.php", { sivu: "resepti", id: id }, function(d)
			{
				sisalto = $(".jspPane").html();
				scrolli.scrollTo(0,0);
	
				$('.jspPane').animate({
					left: '-700'
				  }, 1000, function() {
					$(".jspPane").html(d);
					$("#nappi_sulje").removeClass("sulje");
					$("#nappi_sulje").addClass("sulje2");
				$('.jspPane').animate({
					left: '0'
				  }, 1000, function() {
					  //api.reinitialise();
				});
			});	
					return false;
	
			});
		});
				$(".a_lisaa").live("click", function(e)
			{
				e.preventDefault();
				
				//var s = $(this).siblings(".lisateksti").parent();
				var s = $(this).parent().parent().find("table");
				//alert(s.html());
				if(s.css("display") == "none")
				{
					//$(this).fadeOut(200, function()
					//{
						//$(this).text("Sulje");
						
						//$(this).fadeIn(200);
					//});
					s.slideDown();
					//api.reinitialise();
				}
				else
				{
					$(this).fadeOut(200, function()
					{
						//$(this).text("Lisää");
						
						$(this).fadeIn(200);
					});
					s.slideUp();
					//api.reinitialise();
				}
			});
	
	}
	
	
			
	});