﻿//--------------------------
//Methods to show menu items
//--------------------------

var expandTracker = new Array();
var openingTracker = new Array();
var retractingTracker = new Array();

var menuTracker = new Array();
var menuBarTracker = new Array();


function mouseOverMenu(menu)
{
    document.getElementById('limenu'+menu).className='menubigger';
    
    if((typeof(expandTracker[menu]) == "undefined")||(expandTracker[menu] == -1))
    {
        expandTracker[menu] = setTimeout('openMenu('+menu+')',800);
    }
    
    menuTracker[menu] = 1;
    
}

function mouseOutMenu(menu)
{

    if((typeof(expandTracker[menu]) != "undefined")&&(expandTracker[menu]!=-1))
    {
        clearTimeout(expandTracker[menu]);
        expandTracker[menu] = -1;
    }
    
        
    //if((menuTracker[menu] != "undefined")&&(menuTracker[menu]!=-1))
    //{
    setTimeout('retractMenu('+menu+')', 50);
    //}
    
    menuTracker[menu] = -1;
    

}


function mouseOverMenuBar(menu)
{
    menuBarTracker[menu] = 1;
    
    if((typeof(retractingTracker[menu]) != "undefined")&&(retractingTracker[menu]!=-1))
    { 
        clearTimeout(retractingTracker[menu]);
        retractingTracker[menu] = -1;
    }
    if((openingTracker[menu] == "undefined")||(openingTracker[menu]==-1))
    {
        openMenu(menu);
    }
}

function mouseOutMenuBar(menu)
{
    menuBarTracker[menu] = -1;
    
    retractingTracker[menu] = setTimeout('retractMenu('+menu+')', 1000);

}


function openMenu(menu)
{
    if(((typeof(menuBarTracker[menu]) != "undefined")&&(menuBarTracker[menu]!=-1))||((typeof(menuTracker[menu]) != "undefined")&&(menuTracker[menu]!=-1)))
    {
        if((typeof(retractingTracker[menu]) == "undefined")||(retractingTracker[menu]==-1))
        { 
            var position = findPosition(document.getElementById('limenu'+menu));
     
            var mh = document.getElementById('menu'+menu);

            mh.style.left = position[0]+160+'px';
            mh.style.top = position[1]+'px';

            mh.style.width = (parseInt(mh.style.width.substr(0, mh.style.width.length-2)) +20)+'px';

            if (parseInt(mh.style.width.substr(0, mh.style.width.length-2)) <720){

                openingTracker[menu] = setTimeout('openMenu('+menu+')', 10);

            }else{
            
                openingTracker[menu] = -1;
                mh.style.width = '720px';

            }

        }else{
          
          setTimeout('openMenu('+menu+')',50);
        }
    }
       
}


function retractMenu(menu)
{

    if(((typeof(menuBarTracker[menu]) == "undefined")||(menuBarTracker[menu]==-1))&&((typeof(menuTracker[menu]) == "undefined")||(menuTracker[menu]==-1)))
    {
    
        if((openingTracker[menu] != "undefined")&&(openingTracker[menu]!=-1))
        {
            clearTimeout(openingTracker[menu]);
            openingTracker[menu] = -1;
        }
    
        var mh = document.getElementById('menu'+menu);
      
        if (parseInt(mh.style.width.substr(0, mh.style.width.length-2)) >0){
        
            mh.style.width = (parseInt(mh.style.width.substr(0, mh.style.width.length-2))  -20)+'px';
           
            if (parseInt(mh.style.width.substr(0, mh.style.width.length-2)) > 20){

                retractingTracker[menu] = setTimeout('retractMenu('+menu+')', 10);
                
            }else{

                retractingTracker[menu] = -1;
                mh.style.width = '0px';
                
                document.getElementById('limenu'+menu).className='menusmaller';
                
            }
        }
        else
        {
            retractingTracker[menu] = -1;
            
            document.getElementById('limenu'+menu).className='menusmaller';
        }
        
        //document.getElementById('limenu'+menu).className='menusmaller';
    }

}



/*
function openMenu(id)
{
        
    if(isdefined('retractComplete')==false)
    {
        retractComplete = 1;
    }
    
    if(isdefined('expandComplete')==false)
    {
        expandComplete = 1;
    }
    
    if(expandComplete == 1)
    {
        if(timeoutId != 0){
            clearTimeout(timeoutId);
            timeoutId = 0;
        } 
        
        if(document.getElementById('li'+id).className=='menubigger')
        {
            openMenuImp(id, true);
        }
        else
        {
            openMenuImp(id, false);
        }
    }

}

function openMenuImp(id, retractOnly)
{
    
    if(retractComplete == 1){
    
        retractComplete = 0;
    
        retractMenu();
        
    }
    
    var mh = document.getElementById('menuHolder');
    if(parseInt(mh.style.width.substr(0, mh.style.width.length-2)) >0)
    {
        setTimeout('openMenuImp(\''+id+'\', '+retractOnly+')',50);
    }
    else
    {
        if(retractOnly==false)
        {       
            var m = document.getElementById(id);
                        
            if (m) {
                m.style.display='';
            }
            
            document.getElementById('li'+id).className='menubigger';
                        
            expandMenu(id);
            
            clearTimeout(timeoutId);
            timeoutId=setTimeout('retractMenu()',5000);
        }
   }

}

function retractMenu()
{

    if(expandComplete == 1){
        var mh = document.getElementById('menuHolder');
      
        if (parseInt(mh.style.width.substr(0, mh.style.width.length-2)) >0){
        
            mh.style.width = (parseInt(mh.style.width.substr(0, mh.style.width.length-2))  -20)+'px';
           
            if (parseInt(mh.style.width.substr(0, mh.style.width.length-2)) > 20){

                setTimeout('retractMenu()', 5);
                
            }else{

                mh.style.width = '0px';
                
                for (var a = 1; a<=10; a++) {
                
                    var retractMenu = 'menu'+a;
                    
                    if (document.getElementById(retractMenu)) {
                        document.getElementById(retractMenu).style.display='none';
                    }
    	            
                    if (document.getElementById('li'+retractMenu)) {
                        document.getElementById('li'+retractMenu).className='menusmaller';
                    }

                }
                
                retractComplete = 1;
            }
        }
        else
        {
            retractComplete = 1;
        }
    }else{
    
        retractComplete = 1;
        clearTimeout(timeoutId);
        timeoutId=setTimeout('retractMenu()',5000);
    }

}


function expandMenu(menuid)
{
    expandComplete = 0;
    //var topRightMenu = document.getElementById('topRight');
    //topRightMenu.className = '';
    
    var position = findPosition(document.getElementById('li'+menuid));

    var mh = document.getElementById('menuHolder');
 
    mh.style.left = position[0]+160+'px';
    mh.style.top = position[1]+'px';
    
    mh.style.width = (parseInt(mh.style.width.substr(0, mh.style.width.length-2)) +20)+'px';

    if (parseInt(mh.style.width.substr(0, mh.style.width.length-2)) <848){

        setTimeout('expandMenu(\''+menuid+'\')', 5);
    }else{
        expandComplete = 1;
        mh.style.width = '848px';
    }
    
}
*/


