var image_1 = new Image();
image_1.src = "/templates/drimmi/ru/img/top-menu/sub-menu-bottom-left-bg.png";

var image_2 = new Image();
image_2.src = "/templates/drimmi/ru/img/top-menu/sub-menu-bottom-right-bg.png";

var image_3 = new Image();
image_3.src = "/templates/drimmi/ru/img/top-menu/sub-menu-top-left-bg.gif";

var image_4 = new Image();
image_4.src = "/templates/drimmi/ru/img/top-menu/menu-item-left-bg-hover.png";

var image_5 = new Image();
image_5.src = "/templates/drimmi/ru/img/top-menu/menu-item-left-bg-active.png";

var timeout    = 300;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open()
{  
    jsddm_canceltimer();
    jsddm_close();
    ddmenuitem = $(this).find('div.top-sub-menu').css('display', 'block');
    $(this).addClass( 'hover' );
}

function jsddm_close()
{  
    if( ddmenuitem )
    {
        ddmenuitem.css('display', 'none');
        ddmenuitem.parent( 'li' ).removeClass( 'hover' );
    }
}

function jsddm_timer()
{  
    closetimer = window.setTimeout( jsddm_close, timeout );
}

function jsddm_canceltimer()
{  
    if(closetimer)
    {  
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

document.onclick = jsddm_close;

$(document).ready( function(){
    $( "div.top-sub-menu ul li:last-child").css( 'border-width', '0px' );
    
    // Баг осла, он не может показать меню поверх пнг если само меню находится в коде раньше чем пнг, помещаем меню в конец документа
    
    if( jQuery.browser.msie && ( jQuery.browser.version.substr(0,1) == "6" || jQuery.browser.version.substr(0,1) == "7" ) )
    {
        $( "#top-menu li div.top-sub-menu" ).each( function( i, element ){
            
            var maxWidth = 0;
            
            $( "ul li a, ul li span", $( element ) ).each( function( i, element ){
				
                if( $( element ).outerWidth() > maxWidth )
                {
                    maxWidth = $( element ).outerWidth();
                }
            });
            
			if ( maxWidth < $( element ).parent( 'li' ).outerWidth() )
            {
                maxWidth = $( element ).parent( 'li' ).outerWidth();
            }
            
            $( element ).css( 'width', maxWidth + "px" );
        });
		
        
        $( "ul#top-menu li" ).css( "overflow", "visible" );
        $( "ul#top-menu li div.top-sub-menu" ).css( "display", "none" );
            
        var topMenu = $( "ul#top-menu" );
    
        topMenu.appendTo( "body" );
        topMenu.css( "position", "absolute" );
        topMenu.css( "top", "67px" );
        topMenu.css( "left", ( ( $( window ).width() - 770 ) / 2 + ( 770 - $( "ul#top-menu" ).outerWidth() ) ) + "px" );
    }
    else
    {
        $( "ul#top-menu li div.top-sub-menu" ).each( function( i, element )
        {
           
            if ( $( element ).outerWidth() < $( element ).parent( 'li' ).outerWidth() )
            {
                $( element ).css( 'width',$( element ).parent( 'li' ).outerWidth() + "px" );
            }
            
        });
    }
    
    $('#top-menu > li').bind('mouseover', jsddm_open)
    $('#top-menu > li').bind('mouseout',  jsddm_timer)

});

$(window).resize(function(){
    if( jQuery.browser.msie && ( jQuery.browser.version.substr(0,1) == "6" || jQuery.browser.version.substr(0,1) == "7" ) )
    {
        var topMenu = $( "ul#top-menu" );
        
        topMenu.appendTo( "body" );
        topMenu.css( "position", "absolute" );
        topMenu.css( "top", "67px" );
        topMenu.css( "left", ( ( $( window ).width() - 770 ) / 2 + ( 770 - $( "ul#top-menu" ).outerWidth() ) ) + "px" );
    }
});