var MenuHelper =
{
    delay: 200,
    lastItemID: false,
    
    init: function()
    {
        $( 'ul#sector-nav > li.navitem' ).mouseenter( MenuHelper.menuItemShowDelayed );
        $( 'ul#sector-nav > li.navitem' ).mouseleave( MenuHelper.menuItemHide );
        $( '#drop-1' ).click( function() { 
            if( $( this ).hasClass( 'hover' ) ) 
            {
                $( this ).removeClass( 'hover' ); 
            }
            else
            {
                $( this ).addClass( 'hover' ); 
            } } );
            
        $( '#drop-2' ).click( function() { 
            if( $( this ).hasClass( 'hover' ) ) 
            {
                $( this ).removeClass( 'hover' ); 
            }
            else
            {
                $( this ).addClass( 'hover' ); 
            } } );

/*        
        $( '#drop-1 div.center' ).mouseleave( function() { $( '#drop-1' ).removeClass( 'hover' ); } );
        $( '#drop-2 div.center' ).mouseleave( function() { $( '#drop-2' ).removeClass( 'hover' ); } ); */
    },

    menuItemShowDelayed: function( event )
    {
        $( 'ul#sector-nav > li.navitem' ).removeClass( 'hover' );
        MenuHelper.lastItemID = this.id;
        setTimeout( MenuHelper.menuItemShow, MenuHelper.delay );
    },
    
    menuItemShow: function()
    {
        if( MenuHelper.lastItemID )
        {
            $( '#' + MenuHelper.lastItemID ).addClass( 'hover' );        
        }
    },
    
    menuItemHide: function( event )
    {
        MenuHelper.lastItemID = false;
        $( this ).removeClass( 'hover' );
    }
};

$(document).ready( MenuHelper.init );