var mnuSelected = null;
var tabTimer;

function MenuCell(e, state) 
{
    clearTimeout(tabTimer);

    //var tSelected = document.getElementById('mnuSelected');
    
    if (mnuSelected == e)
        return;
        
    var btnName = e.id.substr(3,1);
    var imgName = e.id + '_px';
    var img = document.getElementById(imgName);
    
    if (!img)
        return;
    
    
    var mnuAreaName = e.id + '_area';
    var mnuArea = document.getElementById(mnuAreaName);
    
    
    if (state == 1)
    {
        mnuOff(mnuSelected);
        mnuSelected = e.id;
        
        img.src = 'images/buttons/' + btnName + '_hover.png';
        if (mnuArea)
        {
            var tWidth = 650;
            var tBtnNo = e.id.substr(3,1) - 1;
            tWidth = tWidth - (tBtnNo * 100);
            
            mnuArea.style.display = 'block';
            mnuArea.style.width = tWidth + 'px';
        }
            
        
    }
    else
    {
        tabTimer = setTimeout(mnuOff_Event,450);    

    }
    
    
    
}

function mnuOff_Event()
{
    mnuOff(mnuSelected);
}

function mnuOff(iObject)
{
    if (iObject == null)
        return;


    var btnName = iObject.substr(3,1);
    var imgName = iObject + '_px';
    var img = document.getElementById(imgName);
    
    if (!img)
        return;
        
    img.src = 'images/buttons/' + btnName + '_normal.png';
    
    var mnuAreaName = iObject + '_area';
    var mnuArea = document.getElementById(mnuAreaName);
    
    if (mnuArea)
        mnuArea.style.display = 'none';
}

function MenuArea(e, state)
{
    if (state == 1)
        clearTimeout(tabTimer);
    else
        tabTimer = setTimeout(mnuOff_Event,500);    

}