btnOn = new Array();
btnOn["home"] = new Image(); btnOn["home"].src = "imgs/btn.home.on.gif";
btnOn["profile"] = new Image(); btnOn["profile"].src = "imgs/btn.profile.on.gif";
btnOn["news"] = new Image(); btnOn["news"].src = "imgs/btn.news.on.gif";
btnOn["contact"] = new Image(); btnOn["contact"].src = "imgs/btn.contact.on.gif";

btnOff = new Array();
btnOff["home"] = new Image(); btnOff["home"].src = "imgs/btn.home.off.gif";
btnOff["profile"] = new Image(); btnOff["profile"].src = "imgs/btn.profile.off.gif";
btnOff["news"] = new Image(); btnOff["news"].src = "imgs/btn.news.off.gif";
btnOff["contact"] = new Image(); btnOff["contact"].src = "imgs/btn.contact.off.gif";



function hiLite(elementID) {
	document.getElementById(elementID).src = btnOn[elementID].src;
}

function loLite(elementID) {
	document.getElementById(elementID).src = btnOff[elementID].src;
}

var over = 'no';

function showMenu() {
	document.getElementById('submenu').style.display = "block";
}

function onMenu() {
	document.getElementById('submenu').style.display = "block";
	over = 'yes';
	hiLite("profile");
}

function offMenu() {
	over = 'no';
	hideMenu();
}

function hideMenu() {
	if (over == 'no') {
		document.getElementById('submenu').style.display = "none";
		loLite("profile");
	}
}