/*
	Brenley Dueck
	Brenelz Web Solutions
	http://blog.brenelz.com
	
	javascripts/hovermenu.js
*/

// config
var menuArray = new Array();
menuArray[0] = 'submenu1';
menuArray[1] = 'submenu2';

// initialize variables
var globalObject = '';
var isActive = false;
var ourTimer;

/**
	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;
    }
    else
    {
        isActive = false;
        layerTimer();
    }
}

/**
	Purpose: starts our timer and hides the menu when complete
*/
function layerTimer()
{
    ourTimer = setTimeout("hideMenu()",0750);
}

/**
	Purpose: hides the menu div if its not active
*/
function hideMenu()
{
    if( !isActive )
    {
        globalObject.visibility = 'hidden';
    }
}

/**
	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()
{
	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);
		}
	}
}