var mainmenuSelected = null;
var mainmenuOriginalSelected = null;
var mainmenuOnCell = false;
var mainmenuKey = 0;



function mainmenuSelect( cellNode, mouseAction )
{
    if( mainmenuSelected )
    {
        mainmenuSelected.removeClass( 'selected' );
        mainmenuSelected.prev().removeClass( 'selected-prev' );
    }
        
    cellNode.addClass( 'selected' );
    cellNode.prev().addClass( 'selected-prev' );
    mainmenuSelected = cellNode;
    
    var html = cellNode.find( '.mainmenu-sub' ).html();
    
    if( html === null )
        html = '&nbsp;';
        
    $( '.mainmenu-lev-2' ).html( html );    
    //$( '.mainmenu-lev-2').css( 'width', $( '.mainmenu-lev-1' ).width() - 20 + 'px' );
	
	thisHeight = $( '.mainmenu-lev-2' ).height();
	thisWidth  = $( '.mainmenu-lev-2' ).width();
	
	if (thisHeight > 18)
		{
		if ($.browser.msie) { thisWidth = thisWidth + 20; }
		$(".mainmenu-lev-2").css("position", "absolute");
		$(".mainmenu-lev-2").css("width", thisWidth + "px");
		}
		else
		{
		$(".mainmenu-lev-2").css("position", "static");
		$(".mainmenu-lev-2").css("width", "");
		}
}

function mainmenuSetDefault()
	{
	thisHeight = $( '.mainmenu-lev-2' ).height();
	if (thisHeight > 18)
		{
		$(".mainmenu-lev-2-frame").css("height", thisHeight + 10 + "px");
		}
	}

function mainmenuMouseOut()
{
    mainmenuKey = Math.round( Math.random() * 1000 )
    setTimeout( 'mainmenuDeselect( ' + mainmenuKey + ' );', 1000 );

    mainmenuOnCell = false;
}



function mainmenuMouseOver()
{
    mainmenuOnCell = true;
}



function mainmenuDeselect( key )
{
    if( key !== mainmenuKey )
    {
        return;
    }
    
    if( !mainmenuOnCell )
    {
        mainmenuSelect( mainmenuOriginalSelected, false );
    }
}



$( function(){ 
    
    $( '.mainmenu-lev-1 td:not(.spacer)' ).mouseover( function(){ mainmenuMouseOver( $( this ).parent() ); } ) 
    $( '.mainmenu-lev-1 td:not(.spacer)' ).mouseout( function(){ mainmenuMouseOut( $( this ).parent() ); } ) 
    
    $( '.mainmenu-lev-2' ).mouseover( function(){ mainmenuMouseOver( mainmenuSelected ); } ) 
    $( '.mainmenu-lev-2' ).mouseout( function(){ mainmenuMouseOut( mainmenuSelected ); } ) 
    
    $( '.mainmenu-lev-1 td:not(.spacer) > a' ).mouseover( function(){ mainmenuSelect( $( this ).parent(), true ); } ) 
    
    
    mainmenuOriginalSelected = $( '.mainmenu-lev-1 td.selected:first' );
    mainmenuSelect( mainmenuOriginalSelected, false );
	mainmenuSetDefault();
} );

$(document).ready( function() {
	$("#mainMX").mouseover( function() { $(this).parent().css("background-image", "none"); } );
	$("#mainMX").mouseout( function() { $(this).parent().css("background-image", "url(/template/image/menu_new_bg.gif)"); } );
} );
