     jQuery(document).ready(function($){
          $("a[rel^='prettyPhoto']").prettyPhoto({theme: 'light_rounded'});
    /////////////////////////////
    // PNG fix for IE6. 7
    /////////////////////////////
    //DD_belatedPNG.fix('#search input.field, #search input.field:focus, #featured_home .bigimg .post_category a,#featured_home .bigimg .post_name a, #message_buttons .button2 a, #message_buttons .button2 a:hover, #inner_content .date, img');
   
   // $(document).pngFix();
    /////////////////////////////
    // 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!!)
$("#navigation").find('.menu').children(".current-menu-item:first").find("a:first").addClass("main_category_white");
     $("#navigation").find('.menu').children(".current-menu-ancestor").find("a:first").addClass("main_category_white");

	// CODE
  $("#navigation 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");
	$("#navigation").find('.menu').children(".current-menu-item:first").find("a:first").addClass("main_category_white");
	$("#navigation").find('.menu').children(".current-menu-ancestor").find("a:first").addClass("main_category_white");
      }     
      $level--;       
       //$(this).find("a:first").css("color", "black");    
                                                           // decrease the actual level
        }
    );

     
  });
