$(document).ready(function() {
    /////////////////////////////
    // 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!!)

    // 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("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");
                $(this).find("a.main_category").css("color", "#FFF");
                $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", "");
                $(this).find("a.main_category").css("color", "#666");
                $("#navigation li.active").find("a.main_category").css("color", "#FFF");
                $level--;                                                      // decrease the actual level

            }
            );


});