jQuery(document).ready(function($)
{ 
    /////////////////////////////
    // Disable the mouse selection of slider (for example if u double click on the image)
    /////////////////////////////
    $('#slider').css({
      'MozUserSelect' : 'none'
    }).bind('selectstart', function() {
      return false;
    }).mousedown(function() {
      return false;
    });

  /////////////////////////////
  // Dropping down the menus
  /////////////////////////////
  // PARAMS:
  var $slide_down_speed = 300;    // speed which the menu slide down
  var $slide_up_speed = 0;        // speed which the menu slide up
  var $dropdown_menu_width = 230; // width of the dropdown menu (if you change that in CSS, please change it here)
  
  var $level = 0;                 // actual level of dropped menu (PLEASE DONT CHANGE!!)
  $("#header_menu").children("ul").children("li.current_page_item").find("a:first").addClass("main_category_white");
  $("#header_menu").children("ul").children("li.current_page_ancestor").find("a:first").addClass("main_category_white");
  // CODE
  
  $("#header_menu ul li").hover(
    // MOUSE IN
    function()
	{
		$(this).find("ul:first").stop(true, true).slideDown($slide_down_speed);
		
		if ($level == 0) // ONLY IF THE DROPDOWN LEVEL IS HIGHER THEN FIRST, WE HAVE TO CHANGE THE LEFT POSITION OF DROPDOWN 
    	{
      		//$(this).find("a:first").removeClass("page-item");
      		//$(this).find("a:first").addClass("main_category");
      		$(this).find("a:first").addClass("main_category");
  			$(this).find("a:first").addClass("main_category_white");
  			//$(this).find("a:first").css("color", "white");
    	 	//$(this).find("ul:first").css("top", 0);
    	}
		if ($level > 0) // ONLY IF THE DROPDOWN LEVEL IS HIGHER THEN FIRST, WE HAVE TO CHANGE THE LEFT POSITION OF DROPDOWN 
    	{
  			$(this).find("ul:first").css("left", $dropdown_menu_width);
     		$(this).find("ul:first").css("top", 0);
      	}
      	
    	// here we changing the ODD and EVEN classes of the dropdown menu
    	$(this).find("ul:first").children("li").children("a:odd").addClass('odd');
    	$(this).find("ul:first").children("li").children("a:even").addClass('even'); 
    
    	// changing the NAVIGATION background image
		//	$(this).find("a.main_category").css("background-image","url(images/navigation_hover.gif)");
		//	$(this).find("a.main_category").css("background-position","top center");
		//	$(this).find("a.main_category").css("background-repeat","no-repeat");
		$level++; // increasing the actual dropdown level								  
	  },
	// MOUSE OUT
    function ()
	{
		$(this).find("ul").stop(true,true).slideUp($slide_up_speed);   // slide up the CSS    
		//	$(this).find("a").css("background-image",""); 
				
     	if ($level == 1) // ONLY IF THE DROPDOWN LEVEL IS HIGHER THEN FIRST, WE HAVE TO CHANGE THE LEFT POSITION OF DROPDOWN 
     	{
  			$(this).find("a:first").removeClass("main_category");
  			$(this).find("a:first").removeClass("main_category_white");
  		    $("#header_menu").children("ul").children("li.current_page_item").find("a:first").addClass("main_category_white");
   			$("#header_menu").children("ul").children("li.current_page_ancestor").find("a:first").addClass("main_category_white");
      		//$(this).find("ul:first").css("top", 0);
      	}      
      
      	$level--;        
       //$(this).find("a:first").css("color", "black");     
		                                                   // decrease the actual level
	}
   );
});