$(document).ready(function(){

    

setcolor();    

    

    





$(".intro_nav ul.ng_nav li").hover(function(){

$(this).css({"background-color":"#fed326"});

$(this).children("a").css({"color":"#025253"});

}).mouseout(function(){

setcolor();

});



	dropdownmenu(".topmenu ul");

});



function setcolor(){



    countli=0;

    lizindex=100;

    $(".intro_nav ul.ng_nav li").each(function(){

    	countli++;

    	lizindex--;

    	//$(this).css({"z-index": lizindex});





$(this).children("a").css({"color":"#fdcb02"});

    	switch(countli){

    		case 1:

    			$(this).css({"background-color":"#11beb5"});

    			//$(this).children("a").css({"color":"#025253"});

    			break;

    		case 2:

    			$(this).css({"background-color":"#12ada4"}); break;

    		case 3:

    			$(this).css({"background-color":"#179790"}); break;

    		case 4:

    			$(this).css({"background-color":"#268a84"}); break;

    		case 4:

    			$(this).css({"background-color":"#025253"}); break;

    	}

    });



}





function dropdownmenu(selector){

	$(selector).addClass("topnav");

	$(selector).find("ul").removeClass("topnav");

	$(selector).find("ul").addClass("subnav");

	$(selector).find("ul").find("ul").removeClass("subnav");

	$(selector).find("ul").find("ul").addClass("subplusnav");

	$("ul.subnav").parent().append("<span></span>");

	$("ul.subplusnav").parent().children("a").addClass("havsubmenu");

  

    $("ul.topnav li").click(function() {

  

        $(this).find("ul.subnav").slideDown('fast').show();

  

        $(this).hover(function() {  

        }, function(){  

            $(this).find("ul.subnav").slideUp('slow');

        });  

  

        }).hover(function() {  

            $(this).addClass("subhover");

        }, function(){

            $(this).removeClass("subhover");

    });

	

	$("ul.subnav li").click(function() {

  

		$(this).children("ul.subplusnav").slideDown('fast').show(); 

		 

        $(this).hover(function() {  

        }, function(){  

            $(this).find("ul.subplusnav").slideUp('slow');

        });  

  

        }).hover(function() {  

            $(this).addClass("subhover"); 

        }, function(){

            $(this).removeClass("subhover");

    });



}