// jDiv - a jQuery plugin
// (c) Skyrocket Labs
// http://www.skyrocketlabs.com
// fred@skyrocketlabs.com
// Created: 10.24.2009
// Last updated: 02.06.2010

// DISPLAYS HIDDEN DIVS AS SUBMENUS ON HOVER



$('#hiddens, #hiddens2').ready(function() {
        var hide1 = false;
        var hide2 = false;
        var hide3 = false;
        var hide4 = false;
        var hide5 = false;
        var hide6 = false;
        var hide7 = false;

        var hide10 = false;
        var hide11 = false;
        var hide12 = false;
        var hide13 = false;

        // Shows the DIV on hover with a fade in
		$("#menu11").hover(function(){          
		   
		   
		   if (hide11) clearTimeout(hide11);
            $("#hidden-div-11").show();
//            $("#hidden-div-1").fadeIn();
            // The main nav menu item is assigned the 'active' CSS class
			$(this).addClass("active");
			$(this).addClass("menu11-active");
        }, function() {
            // Fades out the DIV and removes the 'active' class from the main nav menu item
			hide11 = setTimeout(function() {$("#hidden-div-11").hide();
			$("#menu11").removeClass("active");
			$("#menu11").removeClass("menu11-active");
			});
			
        });
		// Ensures the DIV displays when your mouse moves away from the main nav menu item
        $("#hidden-div-11").hover(function(){
            if (hide11) clearTimeout(hide11);
            $("#menu11").addClass("active");
            $("#menu11").addClass("menu11-active");
        }, function() {
            // If your mouse moves out of the displayed hidden DIV, the DIv fades out and removes the 'active' class
			hide11 = setTimeout(function() {$("#hidden-div-11").hide();});
			$("#hidden-div-11").show();
			$("#menu11").removeClass("active");
			$("#menu11").removeClass("menu11-active");
        });




        // Shows the DIV on hover with a fade in
		$("#menu10").hover(function(){          

		   $("#horni-menu li").removeClass("active");
		   $("#nejhornejsi-menu li").removeClass("active");

		   
		   if (hide10) clearTimeout(hide10);
            $("#hidden-div-10").show();
//            $("#hidden-div-10").fadeIn();
//            $("#hidden-div-10").animate({height:"toggle"}, 1000);
            // The main nav menu item is assigned the 'active' CSS class
			$(this).addClass("active");
			$(this).addClass("menu10-active");
        }, function() {
            // Fades out the DIV and removes the 'active' class from the main nav menu item
			hide10 = setTimeout(function() {$("#hidden-div-10").hide();
											$("#menu10").removeClass("active");
											$("#menu10").removeClass("menu10-active");
			});
        });
		// Ensures the DIV displays when your mouse moves away from the main nav menu item
        $("#hidden-div-10").hover(function(){
            if (hide10) clearTimeout(hide10);
            $("#menu10").addClass("active");
            $("#menu10").addClass("menu10-active");
        }, function() {
            // If your mouse moves out of the displayed hidden DIV, the DIv fades out and removes the 'active' class
			hide10 = setTimeout(function() {$("#hidden-div-10").hide();});
			$("#hidden-div-10").show();
			$("#menu10").removeClass("active");
			$("#menu10").removeClass("menu10-active");
        });



        // Shows the DIV on hover with a fade in
		$("#menu12").hover(function(){          
		   $("#horni-menu li").removeClass("active");
		   $("#nejhornejsi-menu li").removeClass("active");

		   if (hide12) clearTimeout(hide12);
            $("#hidden-div-12").show();
            // The main nav menu item is assigned the 'active' CSS class
			$(this).addClass("active");
			$(this).addClass("menu12-active");
        }, function() {
            // Fades out the DIV and removes the 'active' class from the main nav menu item
			hide12 = setTimeout(function() {$("#hidden-div-12").hide();
											$("#menu12").removeClass("active");
											$("#menu12").removeClass("menu12-active");
			});
        });
		// Ensures the DIV displays when your mouse moves away from the main nav menu item
        $("#hidden-div-12").hover(function(){
            if (hide12) clearTimeout(hide12);
            $("#menu12").addClass("active");
            $("#menu12").addClass("menu12-active");
        }, function() {
            // If your mouse moves out of the displayed hidden DIV, the DIv fades out and removes the 'active' class
			hide12 = setTimeout(function() {$("#hidden-div-12").hide();});
			$("#hidden-div-12").show();
			$("#menu12").removeClass("active");
			$("#menu12").removeClass("menu12-active");
        });




        // Shows the DIV on hover with a fade in
		$("#menu13").hover(function(){          
		   $("#horni-menu li").removeClass("active");
		   $("#nejhornejsi-menu li").removeClass("active");
		   if (hide13) clearTimeout(hide13);
            $("#hidden-div-13").show();
            // The main nav menu item is assigned the 'active' CSS class
			$(this).addClass("active");
			$(this).addClass("menu13-active");
        }, function() {
            // Fades out the DIV and removes the 'active' class from the main nav menu item
			hide13 = setTimeout(function() {$("#hidden-div-13").hide();
											$("#menu13").removeClass("active");
											$("#menu13").removeClass("menu13-active");
			});
        });
		// Ensures the DIV displays when your mouse moves away from the main nav menu item
        $("#hidden-div-13").hover(function(){
            if (hide13) clearTimeout(hide13);
            $("#menu13").addClass("active");
            $("#menu13").addClass("menu13-active");
        }, function() {
            // If your mouse moves out of the displayed hidden DIV, the DIv fades out and removes the 'active' class
			hide13 = setTimeout(function() {$("#hidden-div-13").hide();});
			$("#hidden-div-13").show();
			$("#menu13").removeClass("active");
			$("#menu13").removeClass("menu13-active");
        });














        // Shows the DIV on hover with a fade in
		$("#menu1").hover(function(){          
		   if (hide1) clearTimeout(hide3);
            $("#hidden-div-1").show();
            // The main nav menu item is assigned the 'active' CSS class
			$(this).addClass("active");
        }, function() {
            // Fades out the DIV and removes the 'active' class from the main nav menu item
			hide1 = setTimeout(function() {$("#hidden-div-1").hide();
										$("#menu1").removeClass("active");
			});
        });
		// Ensures the DIV displays when your mouse moves away from the main nav menu item
        $("#hidden-div-1").hover(function(){
            if (hide1) clearTimeout(hide1);
            $("#menu1").addClass("active");
        }, function() {
            // If your mouse moves out of the displayed hidden DIV, the DIv fades out and removes the 'active' class
			hide1 = setTimeout(function() {$("#hidden-div-1").hide();});
			$("#hidden-div-1").show();
			$("#menu1").removeClass("active");
        });

        // Shows the DIV on hover with a fade in
		$("#menu2").hover(function(){          
		   if (hide2) clearTimeout(hide3);
            $("#hidden-div-2").show();
            // The main nav menu item is assigned the 'active' CSS class
			$(this).addClass("active");
        }, function() {
            // Fades out the DIV and removes the 'active' class from the main nav menu item
			hide2 = setTimeout(function() {$("#hidden-div-2").hide();
										$("#menu2").removeClass("active");
			});
        });
		// Ensures the DIV displays when your mouse moves away from the main nav menu item
        $("#hidden-div-2").hover(function(){
            if (hide2) clearTimeout(hide2);
            $("#menu2").addClass("active");
        }, function() {
            // If your mouse moves out of the displayed hidden DIV, the DIv fades out and removes the 'active' class
			hide2 = setTimeout(function() {$("#hidden-div-2").hide();});
			$("#hidden-div-2").show();
			$("#menu2").removeClass("active");
        });






        // Shows the DIV on hover with a fade in
		$("#menu3").hover(function(){          
		   if (hide3) clearTimeout(hide3);
            $("#hidden-div-3").show();
            // The main nav menu item is assigned the 'active' CSS class
			$(this).addClass("active");
        }, function() {
            // Fades out the DIV and removes the 'active' class from the main nav menu item
			hide3 = setTimeout(function() {$("#hidden-div-3").hide();
										$("#menu3").removeClass("active");
			});
        });
		// Ensures the DIV displays when your mouse moves away from the main nav menu item
        $("#hidden-div-3").hover(function(){
            if (hide3) clearTimeout(hide3);
            $("#menu3").addClass("active");
        }, function() {
            // If your mouse moves out of the displayed hidden DIV, the DIv fades out and removes the 'active' class
			hide3 = setTimeout(function() {$("#hidden-div-3").hide();});
			$("#hidden-div-3").show();
			$("#menu3").removeClass("active");
        });






        // Shows the DIV on hover with a fade in
		$("#menu4").hover(function(){          
		   
		   
		   if (hide4) clearTimeout(hide4);
            $("#hidden-div-4").show();
//            $("#hidden-div-1").fadeIn();
            // The main nav menu item is assigned the 'active' CSS class
			$(this).addClass("active");
			$(this).addClass("menu4-active");
        }, function() {
            // Fades out the DIV and removes the 'active' class from the main nav menu item
			hide4 = setTimeout(function() {$("#hidden-div-4").hide();
			$("#menu4").removeClass("active");
			$("#menu4").removeClass("menu4-active");
			});
			
        });
		// Ensures the DIV displays when your mouse moves away from the main nav menu item
        $("#hidden-div-4").hover(function(){
            if (hide4) clearTimeout(hide4);
            $("#menu4").addClass("active");
            $("#menu4").addClass("menu4-active");
        }, function() {
            // If your mouse moves out of the displayed hidden DIV, the DIv fades out and removes the 'active' class
			hide4 = setTimeout(function() {$("#hidden-div-4").hide();});
			$("#hidden-div-4").show();
			$("#menu4").removeClass("active");
			$("#menu4").removeClass("menu$-active");
        });




        // Shows the DIV on hover with a fade in
		$("#menu5").hover(function(){          
		   
		   
		   if (hide5) clearTimeout(hide5);
            $("#hidden-div-5").show();
//            $("#hidden-div-1").fadeIn();
            // The main nav menu item is assigned the 'active' CSS class
			$(this).addClass("active");
			$(this).addClass("menu5-active");
        }, function() {
            // Fades out the DIV and removes the 'active' class from the main nav menu item
			hide5 = setTimeout(function() {$("#hidden-div-5").hide();
			$("#menu5").removeClass("active");
			$("#menu5").removeClass("menu5-active");
			});
			
        });
		// Ensures the DIV displays when your mouse moves away from the main nav menu item
        $("#hidden-div-5").hover(function(){
            if (hide5) clearTimeout(hide5);
            $("#menu5").addClass("active");
            $("#menu5").addClass("menu5-active");
        }, function() {
            // If your mouse moves out of the displayed hidden DIV, the DIv fades out and removes the 'active' class
			hide5 = setTimeout(function() {$("#hidden-div-5").hide();});
			$("#hidden-div-5").show();
			$("#menu5").removeClass("active");
			$("#menu5").removeClass("menu5-active");
        });






        // Shows the DIV on hover with a fade in
		$("#menu6").hover(function(){          
		   if (hide6) clearTimeout(hide6);
            $("#hidden-div-6").show();
            // The main nav menu item is assigned the 'active' CSS class
			$(this).addClass("active");
        }, function() {
            // Fades out the DIV and removes the 'active' class from the main nav menu item
			hide6 = setTimeout(function() {$("#hidden-div-6").hide();
										$("#menu6").removeClass("active");
			});
        });
		// Ensures the DIV displays when your mouse moves away from the main nav menu item
        $("#hidden-div-6").hover(function(){
            if (hide6) clearTimeout(hide6);
            $("#menu6").addClass("active");
        }, function() {
            // If your mouse moves out of the displayed hidden DIV, the DIv fades out and removes the 'active' class
			hide6 = setTimeout(function() {$("#hidden-div-6").hide();});
			$("#hidden-div-6").show();
			$("#menu6").removeClass("active");
        });






        // Shows the DIV on hover with a fade in
		$("#menu7").hover(function(){          
		   
		   
		   if (hide7) clearTimeout(hide7);
            $("#hidden-div-7").show();
//            $("#hidden-div-1").fadeIn();
            // The main nav menu item is assigned the 'active' CSS class
			$(this).addClass("active");
			$(this).addClass("menu7-active");
        }, function() {
            // Fades out the DIV and removes the 'active' class from the main nav menu item
			hide7 = setTimeout(function() {$("#hidden-div-7").hide();
			$("#menu7").removeClass("active");
			$("#menu7").removeClass("menu7-active");
			});
			
        });
		// Ensures the DIV displays when your mouse moves away from the main nav menu item
        $("#hidden-div-7").hover(function(){
            if (hide7) clearTimeout(hide7);
            $("#menu7").addClass("active");
            $("#menu7").addClass("menu7-active");
        }, function() {
            // If your mouse moves out of the displayed hidden DIV, the DIv fades out and removes the 'active' class
			hide7 = setTimeout(function() {$("#hidden-div-7").hide();});
			$("#hidden-div-&").show();
			$("#menu7").removeClass("active");
			$("#menu7").removeClass("menu7-active");
        });

	});
