/*

	Brenley Dueck

	Brenelz Web Solutions

	http://blog.brenelz.com

	

	javascripts/hovermenu.js

*/



// config

var menuArray = new Array();

menuArray[0] = new subArray('eventsSubmenu', 'eventsMenuImg');


// initialize variables

var globalObject = '';

var globalImage = '';

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].name).style;

            var tempImage = document.getElementById(menuArray[i].image);

            if (menuArray[i].name == obj) {

            	globalImage = tempImage;

            }

            tempObject.visibility = 'hidden';

            tempImage.src = 'images/arrow-right.gif';

        }

        

        targetObject.visibility = 'visible';

        globalImage.src = 'images/arrow-down.gif';

        isActive = true;

    } else {

        isActive = false;

        layerTimer();

    }

}



/*

	Create a new array object

*/

function subArray(nameIn, imageIn) {

	this.name = nameIn;

	this.image = imageIn;

}



/**

	Purpose: starts our timer and hides the menu when complete

*/

function layerTimer() {

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

}



/**

	Purpose: hides the menu div if its not active

*/

function hideMenu() {

    if (!isActive) {

        globalObject.visibility = 'hidden';

        globalImage.src = 'images/arrow-right.gif';

    }

}



/**

	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);

		if (e) {

			e.onmouseover = function(e) {

				layerCheck(true);

			}

			e.onmouseout = function(e) {

				layerCheck(false);

			}

		}

	}

}