var menuNames = new Array();
menuNames[0] = 'home';
menuNames[1] = 'news';
menuNames[2] = 'games';
menuNames[3] = 'channel12';
menuNames[4] = 'payperview';
menuNames[5] = 'stocks';
menuNames[6] = 'services';
menuNames[7] = 'support';

var subMenuNames = new Array();
subMenuNames[0] = 'topstories';
subMenuNames[1] = 'national';
subMenuNames[2] = 'world';
subMenuNames[3] = 'politics';
subMenuNames[4] = 'business';
subMenuNames[5] = 'technology';
subMenuNames[6] = 'sports';
subMenuNames[7] = 'entertainment';
subMenuNames[8] = 'health';
subMenuNames[9] = 'oddlyenough';
subMenuNames[10] = 'science';
subMenuNames[11] = 'general';
subMenuNames[12] = 'packages';
subMenuNames[13] = 'otherservices';

var headerImgDir = '/images/header/';
var navMenu = '';
var navSubMenu = '';
var tmrClose = '';

document.onload = function(event) { siteInit(); }

function siteInit() {
	preloadImages();
	setupMouseEvents();
}

function showMenu(menuName, showSub, subLeft, subTop) {
	hideAllMenus(showSub);
	if (document.getElementById(menuName)) {
		document.getElementById(menuName).style.display = 'block';
		if (subLeft) {
			document.getElementById(menuName).style.top = subTop;
			document.getElementById(menuName).style.left = subLeft;
		}
	}
}

function hideAllMenus(onlySubs) {
	if (!onlySubs) {
		for (i=0;i<menuNames.length;i++) {
			var curmenu = menuNames[i] + 'menu';
			if (document.getElementById(curmenu)) {
				if (navMenu != curmenu) {
					document.getElementById(curmenu).style.display = 'none';
				}
			}
		}
	}
	for (i=0;i<subMenuNames.length;i++) {
		var curmenu = subMenuNames[i] + 'menu';
		if (document.getElementById(curmenu)) {
			if (navSubMenu != curmenu) {
				document.getElementById(curmenu).style.display = 'none';
			}
		}
	}
}


function newImage(imgSrc) {
	var imgName = new Image();
	imgName.src = imgSrc;
	return imgName;
}

function preloadImages() {
	if (document.images) {
		for (i=0;i<menuNames.length;i++) {
			if (menuNames[i] != undefined) {
				tempimage = newImage(headerImgDir + 'button-' + menuNames[i] + '-down.png');
			}
		}
	}

}

function setupMouseEvents() {
	var e = document.getElementsByTagName("a");
	for (i=0;i<e.length;i++) {
		curElement = e[i];
		if (curElement.className == "menuitem") {
			curElement.onmouseout = function() {
				this.style.backgroundColor = "#EDEDED";
				if (this.parentNode.className.indexOf('submenu') > 0) {
					navMenu = '';
					navSubMenu = '';
				} else {
					navMenu = '';
					navSubMenu = '';
				}
				clearTimeout(tmrClose);
				tmrClose = setTimeout('hideAllMenus()', 500);
			}
			curElement.onmouseover = function() {
				clearTimeout(tmrClose);
				this.style.backgroundColor = "#CDCDCD";
				if (this.parentNode.className.indexOf('submenu') > 0) {
					navSubMenu = this.parentNode.id;
					if (this.parentNode.parentNode.id) {
						navMenu = this.parentNode.parentNode.id;
					}
				} else {
					if (this.parentNode.id) {
						navMenu = this.parentNode.id;
					}
				}
			}
		}
	}
	for (i=0;i<menuNames.length;i++) {
		var buttonname = menuNames[i] + 'button';
		if (document.getElementById(buttonname)) {
			document.getElementById(buttonname).onmouseover = function() {
				clearTimeout(tmrClose);
				var imgName = this.id;
				imgName = imgName.replace('button', '');
				var menuName = imgName + 'menu';
				imgName = headerImgDir + 'button-' + imgName + '-down.png';
				this.src = imgName;
				var mnuLeft = this.offsetLeft;
				var mnuTop = this.offsetTop + 17;
				if (mnuTop == 17) {
					mnuTop = mnuTop + 123;
				}
				showMenu(menuName, false, mnuLeft, mnuTop);
			}
			document.getElementById(buttonname).onmouseout = function() {
				var imgName = this.id;
				imgName = imgName.replace('button', '');
				imgName = headerImgDir + 'button-' + imgName + '.png';
				this.src = imgName;
				tmrClose = setTimeout('hideAllMenus()', 500);
			}
		}
		var menuname = menuNames[i] + 'menu';
		if (document.getElementById(menuname)) {
			curElement = document.getElementById(menuname);
			curElement.onmouseover = function () {
				clearTimeout(tmrClose);
				navMenu = this.id;
			}
			document.getElementById(menuname).onmouseout = function() {
				navMenu = '';
				navSubMenu = '';
				clearTimeout(tmrClose);
				tmrClose = setTimeout('hideAllMenus()', 500);
			}
		}
	}
	for (i=0;i<subMenuNames.length;i++) {
		var linkname = subMenuNames[i] + 'item';
		if (document.getElementById(linkname)) {
			document.getElementById(linkname).onmouseover = function() {
				clearTimeout(tmrClose);
				this.style.backgroundColor = "#CDCDCD";
				var menuName = this.id;
				menuName = menuName.replace('item', '') + 'menu';
				var subLeft = this.parentNode.offsetLeft + this.parentNode.offsetWidth - 1;
				var subTop = this.parentNode.offsetTop + this.offsetTop;
				showMenu(menuName, true, subLeft, subTop);
				if (this.parentNode.id) {
					navMenu = this.parentNode.id;
				}
				navSubMenu = menuName;
			}
			document.getElementById(linkname).onmouseout = function() {
				this.style.backgroundColor = "#EDEDED";
				navMenu = '';
				navSubMenu = '';
				clearTimeout(tmrClose);
				tmrClose = setTimeout('hideAllMenus()', 500);
			}
		}
		var blockname = subMenuNames[i] + 'menu';
		if (document.getElementById(blockname)) {
			document.getElementById(blockname).onmouseout = function() {
				navMenu = '';
				navSubMenu = '';
				clearTimeout(tmrClose);
				tmrClose = setTimeout('hideAllMenus()', 500);
			}
			document.getElementById(blockname).onmouseover = function() {
				clearTimeout(tmrClose);
				navSubMenu = this.id;
				navMenu = this.className.replace('submenublock', '') + 'menu'
			}
		}
	}
}

function checkWidth() {
	var myWidth = 0, myHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	} else if( document.documentElement &&
		( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	}
	if( myWidth < 1000) {
		alert("Your browser is set to a width less than 1024.\nThis page will not be displayed correctly.");
	}
}

function fixSpacing() {
	var myWidth = 0, myHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	} else if( document.documentElement &&
		( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	}
	var d=document.getElementById("1");
	d.innerHTML = '';
	d.style.position = "absolute";
	d.style.visiblity = "hidden";
	var d=document.getElementById("2");
	d.innerHTML = '';
	d.style.position = "absolute";
	d.style.visiblity = "hidden";
	var d=document.getElementById("3");
	d.innerHTML = '';
	d.style.position = "absolute";
	d.style.visiblity = "hidden";
	var d=document.getElementById("4");
	d.innerHTML = '';
	d.style.position = "absolute";
	d.style.visiblity = "hidden";
	var d=document.getElementById("5");
	d.innerHTML = '';
	d.style.position = "absolute";
	d.style.visiblity = "hidden";
	if (myWidth > 1139) {
		var d=document.getElementById("3");
		d.style.position = "";
		d.innerHTML = '<br clear="all" />';
	}
	if ((myWidth < 1140)&&(myWidth>881)) {
		var d=document.getElementById("2");
		d.style.position = "";
		d.innerHTML = '<br clear="all" />';
		var d=document.getElementById("4");
		d.style.position = "";
		d.innerHTML = '<br clear="all" />';
	}
	if (myWidth < 882) {
		var d=document.getElementById("1");
		d.style.position = "";
		d.innerHTML = '<br clear="all" />';
		var d=document.getElementById("2");
		d.style.position = "";
		d.innerHTML = '<br clear="all" />';
		var d=document.getElementById("3");
		d.style.position = "";
		d.innerHTML = '<br clear="all" />';
		var d=document.getElementById("4");
		d.style.position = "";
		d.innerHTML = '<br clear="all" />';
		var d=document.getElementById("5");
		d.style.position = "";
		d.innerHTML = '<br clear="all" />';
	}
}