var navActive = false;
var timeOn = null;
var currentMenu = "";
var navi

function showMenu(menuToShow) {

	if(navActive && currentMenu != null) {
		timeOn=null;
		if(currentMenu != "") {
			var myMenu = document.getElementById(currentMenu);
			myMenu.style.visibility = "hidden";
		}

		var myMenuElement = document.getElementById(menuToShow);
		myMenuElement.style.visibility = "visible";
	}
	currentMenu = menuToShow; 
}

function hideMenu() {
	if(timeOn != null && currentMenu != null) {
		var myMenu = document.getElementById(currentMenu);
		myMenu.style.visibility = "hidden";
	}
}


var siteNavArray = new Array("staywithus", "sustainable", "ecology", "playaviva", "yourhosts");
function initNav(nav) {
	navi = nav;
	for(var x=0; x<siteNavArray.length; x++) {
		adjustPos(siteNavArray[x]);
	}
	navActive = true;
}

function adjustPos(menuToShow) {
	var xTop = 0;
	var xLeft = 11;
	var myNavElement  = document.getElementById("mainNav"+navi);
	var myMenuElement = document.getElementById(menuToShow);
	
	switch(menuToShow) {
		case "staywithus":
			xTop  = -8;
			xLeft = 10;
			break;
		case "ecology":
			xTop  = -8;
			xLeft = 178;
			break;
		case "sustainable":
			xTop  = -8;
			xLeft = 378;
			break;
		case "playaviva":
			xTop  = -8;
			xLeft = 576;
			break;
		case "yourhosts":
			xTop  = -8;
			xLeft = 740;
			break;
		default:
			break;
	}
	if(is.safari && !is.safari3) {
		//xTop += 12;
	}
		xTop  += parseInt(myNavElement.offsetTop);
		xLeft += parseInt(myNavElement.offsetLeft);
				
		myMenuElement.style.top  = xTop  + "px";
		myMenuElement.style.left = xLeft + "px";
}

function startTimer(time)
{
	time = 300;
	timeOn = window.setTimeout("hideMenu()",time);
}

function stopTimer()
{	
	window.clearTimeout(timeOn);
	timeOn=null;
}

function navRollOver(id) {
	if(is.safari && frontPage) {
	} else {
		imgEl = document.getElementById(id+"_img");
		imgEl.src = '/images/global/darrows_wht.gif';
		element = document.getElementById(id);
		element.style.background = "#99b3cc";
		element.style.color="#fff";
	
		switch(id) {
			case 'ecology3':
				btEl = document.getElementById('ecology_bottom');
				btEl.src = '/images/global/dropdowns/ecology_bottom_blue.gif';
				break;
			case 'sustainable4':
				btEl = document.getElementById('sustainable_bottom');
				btEl.src = '/images/global/dropdowns/sustainable_bottom_blue.gif';
				break;
			case 'playaviva4':
				btEl = document.getElementById('playaviva_bottom');
				btEl.src = '/images/global/dropdowns/ecology_bottom_blue.gif';
				break;
			case 'staywithus4':
				btEl = document.getElementById('staywithus_bottom');
				btEl.src = '/images/global/dropdowns/ecology_bottom_blue.gif';
				break;
			case 'yourhosts4':
				btEl = document.getElementById('yourhosts_bottom');
				btEl.src = '/images/global/dropdowns/ecology_bottom_blue.gif';
				break;
			default:
				break;
	
		}
	}

}

function navRollOut(id) {
	if(is.safari && frontPage) {
	} else {
		imgEl = document.getElementById(id+"_img");
		imgEl.src = '/images/global/darrows.gif';
		element = document.getElementById(id);
		element.style.background = "#fff";
		element.style.color = "#929418";
	
		switch(id) {
			case 'ecology3':
				btEl = document.getElementById('ecology_bottom');
				btEl.src = '/images/global/dropdowns/ecology_bottom.gif';
				break;
			case 'sustainable4':
				btEl = document.getElementById('sustainable_bottom');
				btEl.src = '/images/global/dropdowns/sustainable_bottom.gif';
				break;
			case 'playaviva4':
				btEl = document.getElementById('playaviva_bottom');
				btEl.src = '/images/global/dropdowns/ecology_bottom.gif';
				break;
			case 'staywithus4':
				btEl = document.getElementById('staywithus_bottom');
				btEl.src = '/images/global/dropdowns/ecology_bottom.gif';
				break;
			case 'yourhosts4':
				btEl = document.getElementById('yourhosts_bottom');
				btEl.src = '/images/global/dropdowns/ecology_bottom.gif';
				break;
			default:
				break;
	
		}
	}

}