// JScript File


 

// config

var menuArray = new Array();

menuArray[0] = 'miEvents';

menuArray[1] = 'miSchedules';

menuArray[2] = 'miRankings';

menuArray[3] = 'miDraft';

menuArray[4] = 'miNews';

menuArray[5] = 'miForum';

menuArray[6] = 'miContacts';

menuArray[7] = 'miOther';
 

// initialize variables

var globalObject = '';

var isActive = false;

var ourTimer;

var newTimer;

 

/**

      Purpose  : show or hide a particular div

      Params   : obj - menu div to show/hide

                     onlink - true if mouse is over a link

*/

function showhide(obj, onlink)

{

    targetObject = document.getElementById(obj).style;

    globalObject = targetObject;

    

    if(onlink)

    {

        clearTimeout(ourTimer);

        

        for (i=0; i < menuArray.length; i++)

        {

            var tempObject = document.getElementById(menuArray[i]).style;

            tempObject.visibility = "hidden";

        }

        

        //targetObject.visibility = 'visible';

        isActive = true;

        outTimer();

    }

    else

    {

        isActive = false;

        layerTimer();

    }

}

 

/**

      Purpose: starts our timer and hides the menu when complete

*/

function layerTimer()

{

    ourTimer = setTimeout("hideMenu()",0750);

}

 

function outTimer()

{

    newTimer = setTimeout("showMenu()",0500);

}

 

/**

      Purpose: hides the menu div if its not active

*/

function hideMenu()

{

    if( !isActive )

    {

        globalObject.visibility = 'hidden';

    }

}

function showMenu()

{

    if( isActive )

    {

        globalObject.visibility = 'visible';

    }

}

 

/**

      Purpose  : checks if the mouse is still over the div

      Params   : flag - true if mouse is over the div

*/

function layerCheck(flag)

{

    if(flag)

    {

        isActive = true;

        clearTimeout(ourTimer);

    }

    else

    {

        isActive = false;

        layerTimer();

    }

}

 

 

// window load

window.onload = function()

{

    clearTimeout(ourTimer);

        

    for (i=0; i < menuArray.length; i++)

    {

        var tempObject = document.getElementById(menuArray[i]).style;

        tempObject.visibility = "hidden";

    }

      

    //targetObject.visibility = 'visible';

    isActive = true;

      

      for(var i=0;i<menuArray.length;i++)

      {

            var id = menuArray[i];

            var e = document.getElementById(id);

            e.onmouseover = function(e)

            {

                  layerCheck(true);

            }

            e.onmouseout = function(e)

            {

                  layerCheck(false);

            }

            

            

      }

}