// JavaScript Document for the navigation rollover affects
var SiteAddy = "http://www.hhcare.net";
var timeOut = 350;
var closeTimer = 0;
var navBtn = 0;

//function to preload the images for rollover affects.
function preloadImage(url){
	var i = new Image();
	i.src = url;
	return i;
}

//assign variables to the preloaded images
if (document.images){
	var nav_1Over = preloadImage(SiteAddy+'/images/nav/1_over.png');
	var nav_2Over = preloadImage(SiteAddy+'/images/nav/2_over.png');
	var nav_3Over = preloadImage(SiteAddy+'/images/nav/3_over.png');
	var nav_4Over = preloadImage(SiteAddy+'/images/nav/4_over.png');
	var nav_5Over = preloadImage(SiteAddy+'/images/nav/5_over.png');
	var nav_6Over = preloadImage(SiteAddy+'/images/nav/6_over.png');
}

function openMenu(btn){
	//cancel the sub menu closing 
	var menuArray = Array(0,1,2,3,4,5,6,7,8,9,10);
	cancelMenuTimer();
	if(btn != navBtn){
		if(document.getElementById("menu_"+btn)){
			var menu = document.getElementById("menu_"+btn);
			menu.style.display = "block";
		}
		var menuBtn = document.getElementById('nav_'+btn);
		//set the global variables for the timer
		navBtn = btn;
		//set the background for the button and show the submenu
		if(document.getElementById('nav_'+btn)){
			document.getElementById('nav_'+btn).style.background = 'url("'+SiteAddy+'/images/nav/'+btn+'_over.png")';
		}
		//loop through and make sure all menu buttons are back to normal
		for(i=0;i<menuArray.length;i++){
			if(i != btn){
				if(document.getElementById('nav_'+i)){
					document.getElementById('nav_'+i).style.backgroundImage = '';
				}
				if(document.getElementById('menu_'+i)){
					document.getElementById('menu_'+i).style.display = "none";
				}
			}
		}
	}
}

//function for closing the sub menu on mouseout
function closeMenu(){
	if(document.getElementById("nav_"+navBtn)){
		var menuBtn = document.getElementById("nav_"+navBtn);
		if(document.getElementById("menu_"+navBtn)){
			var subMenu = document.getElementById("menu_"+navBtn);
			subMenu.style.display = "none";
		}
		if(document.getElementById('nav_'+navBtn)){
			document.getElementById('nav_'+navBtn).style.background = '';
		}
	}
	navBtn = null;
}

//function to start the close timer
function menuCloseTimer(){
	closeTimer = setTimeout("closeMenu()",timeOut);
}
//function to cancel the close timer
function cancelMenuTimer(){
	if(closeTimer)
	{
		window.clearTimeout(closeTimer);
		closeTimer = null;
	}
}