//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 c0Width = 50;
	var c1Width = 50;
	var c2Width = 74;
	var c3Width = 74;
	var c4Width = 50;
	var c5Width = 62;
	var c6Width = 221;
	var offSet = 0;
	if (xWidth == '1024') {
		offSet = 20;
	}
	else if (xWidth == '800') {
		offSet = 44;
	}
	document.getElementById("Layer0").style.width = xWidth;
	document.getElementById("c0").style.width = c0Width;
	document.getElementById("c1").style.width = c1Width;
	document.getElementById("c2").style.width = c2Width;
	document.getElementById("c3").style.width = c3Width;
	document.getElementById("c4").style.width = c4Width;
	document.getElementById("c5").style.width = c5Width;
	document.getElementById("c6").style.width = c6Width;
}

function aMenuShow() {
	var xWidth = screen.width;
	var yWidth = screen.height;
	var c1Width = 134;
	var vlEdge = (yWidth * 0.10) - 3;
	var hlEdge = (xWidth * 0.20) + c1Width;
	var scrWidth = xWidth * .20;
	var scrHeight = yWidth * 0.12*.9;
	var offSet = 0;
	if (xWidth == '1280' && yWidth == '768') {
		offSet = 27;
		hlEdge = hlEdge;
		scrWidth = xWidth * .18 * 1.2;
	}
	else 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<5; ++i) {
		document.getElementById("Layer" + i).style.visibility = "hidden";
	}
	document.getElementById("Layer4").style.left = hlEdge + "px";
	document.getElementById("Layer4").style.top = (vlEdge+offSet) + "px";
	document.getElementById("Layer4").style.width = scrWidth + "px";
	document.getElementById("Layer4").style.height = scrHeight + "px";
	document.getElementById("Layer4").style.visibility = "visible";
}

function bMenuShow() {
	var xWidth = screen.width;
	var yWidth = screen.height;
	var banWidth = xWidth * 0.9;
	var c2Width = 230;
	var vlEdge = (yWidth * 0.10) - 3;
	var hlEdge = (xWidth * 0.20)  + c2Width;
	var scrWidth = xWidth*.22;
	var scrHeight = yWidth*0.12*.9;
	var offSet = 0;
	if (xWidth == '1280' && yWidth == '768') {
		offSet = 27;
		hlEdge = hlEdge;
		scrWidth = xWidth * .18 * 1.2;
	}
	else 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<5; ++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 cMenuShow() {
	var xWidth = screen.width;
	var yWidth = screen.height;
	var banWidth = xWidth * 0.9;
	var c3Width = 330;
	var vlEdge = (yWidth * 0.10) - 3;
	var hlEdge = (xWidth * 0.20)  + c3Width;
	var scrWidth = xWidth*.18;
	var scrHeight = yWidth*0.12*.9;
	var offSet = 0;
	if (xWidth == '1280' && yWidth == '768') {
		offSet = 27;
		hlEdge = hlEdge;
		scrWidth = xWidth * .18 * 1.2;
	}
	else 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<5; ++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 c4Width = 398;
	var vlEdge = (yWidth * 0.10) - 3;
	var hlEdge = (xWidth * 0.20) + c4Width;
	var scrWidth = xWidth*.18;
	var scrHeight = yWidth*0.12*.9;
	var offSet = 0;
	if (xWidth == '1280' && yWidth == '768') {
		offSet = 27;
		hlEdge = hlEdge;
		scrWidth = xWidth * .18 * 1.2;
	}
	else 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<5; ++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<5; ++i) {
		document.getElementById("Layer" + i).style.visibility = "hidden";
	}
}

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