
var timer1 = null;
var timer2 = null;
var timer3 = null;

var subMenuArr = new Array("personal","business","residential","commercial");
var i,j;


function showSubMenu(id) {

	var i;
	var o1 = null;
	var o2 = null;
	var o3 = null;

	for(i=0;i<subMenuArr.length;i++) {

		if(subMenuArr[i]==id) {

			if(document.all) {
				o1 = document.all(id+"sub");
				o2 = document.all("blanksub");
				o3 = document.all("menu_"+id);
			} else if(document.getElementById) {
				o1 = document.getElementById(id+"sub");
				o2 = document.getElementById("blanksub");
				o3 = document.getElementById("menu_"+id);
			}

			if(o1!=null && o2!=null) {
				o2.style.display = "none";
				o1.style.display = "block";
				o3.className = "MenuSel";
			}

			break;
		}
	}
	
}


function resetSubMenus() {

	var i;
	var o1 = null;
	var o2 = null;

	for(i=0;i<subMenuArr.length;i++) {

		o1 = null;
		o2 = null;

		if(document.all) {
			o1 = document.all(subMenuArr[i]+"sub");
			o2 = document.all("blanksub");
			o3 = document.all("menu_"+subMenuArr[i]);
		} else if(document.getElementById) {
			o1 = document.getElementById(subMenuArr[i]+"sub");
			o2 = document.getElementById("blanksub");
			o3 = document.getElementById("menu_"+subMenuArr[i]);
		}

		if(o1!=null && o2!=null) {
			o1.style.display = "none";
			o2.style.display = "block";
			o3.className = "Menu";
		}
	}
}



function resetMenuStyles() {

	var i;
	var o1 = null;
	
	for(i=0;i<subMenuArr.length;i++) {

		o1 = null;
		
		if(document.all) {
			o1 = document.all(subMenuArr[i]+"menu");
		} else if(document.getElementById) {
			o1 = document.getElementById(subMenuArr[i]+"menu");
		}

		if(o1!=null) {
			if(subMenuArr[i]==currentPage) {
				o1.className = "MenuSel";
			} else {
				o1.className = "Menu";
			}

		}
	}
}


function mOvr(id) {

	resetMenuStyles();
	resetSubMenus();
	clearTimeout(timer1);
	clearTimeout(timer2);
	clearTimeout(timer3);

	var o1 = null;
		
	if(document.all) {
		o1 = document.all(id+"menu");
	} else if(document.getElementById) {
		o1 = document.getElementById(id+"menu");
	}

	if(o1!=null) {
		o1.className = "MenuSel";
	}

	showSubMenu(id);
}


function mOut(id) {


	var o1 = null;
		
	if(document.all) {
		o1 = document.all(id+"menu");
	} else if(document.getElementById) {
		o1 = document.getElementById(id+"menu");
	}

	if(o1!=null) {
		
		if(id==currentPage) {
			o1.className = "Menu";
		} else {
			o1.className = "MenuSel";
		}
		
	}

	resetAll();
	
}


function subMOvr(id) {

	clearTimeout(timer1);
	clearTimeout(timer2);
	clearTimeout(timer3);

	var o1 = null;
		
	if(document.all) {
		o1 = document.all(id+"menu");
	} else if(document.getElementById) {
		o1 = document.getElementById(id+"menu");
	}

	if(o1!=null) {
		o1.className = "MenuSel";
	}

	showSubMenu(id);
}

function resetAll() {
	timer1 = setTimeout("resetSubMenus();",200);
	timer2 = setTimeout("resetMenuStyles();",200);

	if(currentPage!="") {
	timer3 = setTimeout("subMOvr(currentPage);",200);
	}
}