//this is the code to resize the menu bar based on the resolution detected.

function resizeIt() {
	var xWidth = screen.width;
	var yWidth = screen.height;
	var banWidth = xWidth * 0.9;
	var tabWidth = xWidth * 0.6;
	var c1Width = 103;
	var c2Width = 103;
	var c3Width = 103;
	var offSet = 0;
	if (xWidth == '1024') {
		offSet = 20;
	}
	else if (xWidth == '800') {
		offSet = 44;
	}
	document.getElementById("Layer0").style.width = xWidth;
	document.getElementById("c1").style.width = c1Width;
	document.getElementById("c2").style.width = c2Width;
	document.getElementById("c3").style.width = c3Width;
}

function aMenuShow() {
	var xWidth = screen.width;
	var yWidth = screen.height;
	var vlEdge = (yWidth * 0.10) - 3;
	var hlEdge = (xWidth * 0.20);
	var scrWidth = xWidth * .18;
	var scrHeight = yWidth * 0.12*.9;
	var offSet = 0;
	if (xWidth == '1024') {
		offSet = 27;
		hlEdge = hlEdge - 78;
		scrWidth = xWidth * .18 * 1.2;
	}
	else if (xWidth == '800') {
		offSet = 42;
		hlEdge = hlEdge - 150;
		scrWidth = xWidth * .18 * 1.6;
	}
	for (var i=1; i<4; ++i) {
		document.getElementById("Layer" + i).style.visibility = "hidden";
	}
	document.getElementById("Layer3").style.left = hlEdge + "px";
	document.getElementById("Layer3").style.top = (vlEdge+offSet) + "px";
	document.getElementById("Layer3").style.width = scrWidth + "px";
	document.getElementById("Layer3").style.height = scrHeight + "px";
	document.getElementById("Layer3").style.visibility = "visible";
}

function bMenuShow() {
	var xWidth = screen.width;
	var yWidth = screen.height;
	var banWidth = xWidth * 0.9;
	var c1Width = 130;
	var vlEdge = (yWidth * 0.10) - 3;
	var hlEdge = (xWidth * 0.20)  + c1Width;
	var scrWidth = xWidth*.18;
	var scrHeight = yWidth*0.12*.9;
	var offSet = 0;
	if (xWidth == '1024') {
		offSet = 27;
		hlEdge = hlEdge - 78;
		scrWidth = xWidth * .18 * 1.2;
	}
	else if (xWidth == '800') {
		offSet = 42;
		hlEdge = hlEdge - 150;
		scrWidth = xWidth * .18 * 1.6;
	}
	for (var i=1; i<4; ++i) {
		document.getElementById("Layer" + i).style.visibility = "hidden";
	}
	document.getElementById("Layer2").style.left = hlEdge + "px";
	document.getElementById("Layer2").style.top = (vlEdge+offSet) + "px";
	document.getElementById("Layer2").style.width = scrWidth + "px";
	document.getElementById("Layer2").style.height = scrHeight + "px";
	document.getElementById("Layer2").style.visibility = "visible";
}

function dMenuShow() {
	var xWidth = screen.width;
	var yWidth = screen.height;
	var banWidth = xWidth * 0.9;
	var c2Width = 370;
	var vlEdge = (yWidth * 0.10) - 3;
	var hlEdge = (xWidth * 0.20) + c2Width;
	var scrWidth = xWidth*.18;
	var scrHeight = yWidth*0.12*.9;
	var offSet = 0;
	if (xWidth == '1024') {
		offSet = 20;
		hlEdge = hlEdge - 78;
		scrWidth = xWidth * .18 * 1.2;
	}
	else if (xWidth == '800') {
		offSet = 42;
		hlEdge = hlEdge - 150;
		scrWidth = xWidth * .18 * 1.6;
	}
	for (var i=1; i<4; ++i) {
		document.getElementById("Layer" + i).style.visibility = "hidden";
	}
	document.getElementById("Layer1").style.left = hlEdge + "px";
	document.getElementById("Layer1").style.top = (vlEdge+offSet) + "px";
	document.getElementById("Layer1").style.width = scrWidth + "px";
	document.getElementById("Layer1").style.height = scrHeight + "px";
	document.getElementById("Layer1").style.visibility = "visible";
}

function menuHide() {
	for (var i=1; i<4; ++i) {
		document.getElementById("Layer" + i).style.visibility = "hidden";
	}
}

function menuShow(id) {
	for (var j=1; j<4; ++j) {
		if (id == j) {
			document.getElementById("Layer" + j).style.visibility = "visible";
		}
		else {
			document.getElementById("Layer" + j).style.visibility = "hidden";
		}
	}
}