[Deff]

<script>	
	jQuery(document).ready(function ($){

	$.allshow = function(){
		$("#home").show();
		$("#biosepticjs").show();
		$("#waterpolejs").show();
		$(".biosepticlight").fadeIn(500);
		$(".waterpolelight").fadeIn(500);
		return;
		};
	$.fastshow = function(){
		$("#home").show();
		$("#biosepticjs").show();
		$("#waterpolejs").show();
		$("#biosepticjs .biosepticlight").show();
		$("#waterpolejs .waterpolelight").show();
		return;
		};
	$.allhide = function(){
		$(".biosepticlight").fadeOut(100);
		$(".waterpolelight").fadeOut(100);
		return;
		};

	$.thehide = function(){
		$("#home > div").hide();
		$("#biosepticjs").show();
		$("#waterpolejs").show();
		return;
		};


	$("#home").hide();
	$.thehide();
	$("#home").fadeIn("slow");

	
	$("#home").mouseenter($.allshow).mouseleave($.allhide);
	
	$("#biosepticjs").mouseenter(function(){
		$(".biosepticlight").hide();
		$("#waterpolejs").hide();
		$("#popup > h1").text("Биосептик");
		$(".biosepticover").fadeIn(200);
		$("#popup").fadeIn(200);
		});


		var clickFlag = false;
	$(".biosepticover").mouseout(function(){
		if(!clickFlag){$("#popup").hide()}
		$.fastshow();
		$(".biosepticover").hide();
		$(".biosepticlight").fadeIn(100);});

	$(".biosepticover").mousemove(function(e){
		var parentOffset = $(this).parent().offset(); 
		var relX = e.pageX - parentOffset.left+15;
		var relY = e.pageY - parentOffset.top+15;
		$("#popup").css({"top" : relY, "left": relX});
		});


	$(".biosepticover").click(function(){
		clickFlag = true;
		$(this).hide();
		$("#popup").animate({top:0, left:0, width:"575px", height:"528px"});
		$("#popup").css({backgroundColor: "#fff", color: "#444",zIndex: 1}); 
		$("#popclose").show();
		
		});


	$("#popclose").click(function(){
		$("#popup").hide();
		$(this).hide();
		$("#popup").css({zIndex: 0});
 		$("#popup").css({width: 190, height: 90,backgroundColor: "rgba(0,0,0,0.6)", color: "#fff"});
		clickFlag = false;
		});

});</script>