// JavaScript Document


var bgcolor = "#54C01F"; //green
var bgcolor2 = "#CC0000"; //red
var bgcolor3 = "#FFCC00"; //orange

//This variable Used center the submenu under the menu item.
var SubMenuLeftPadding = "";



// PRELOAD MENU BACKGROUND IMAGES
//DEFAULT HOME PAGE
var MenuBgImage = new Image();
	MenuBgImage.src = "pix/menu/menu_bg.gif";
// SPORTS
var MenuBgImage2 = new Image();
	MenuBgImage2.src = "pix/menu/menu_sports_bg.gif";
//ENTERTAINMENT
var MenuBgImage3 = new Image();
	MenuBgImage3.src = "pix/menu/menu_ent_bg.gif";
//MEDIA
var MenuBgImage4 = new Image();
	MenuBgImage4.src = "pix/menu/menu_media_bg.gif";
// IMG GENERIC
var MenuBgImage5 = new Image();
	MenuBgImage5.src = "pix/menu/menu_home_bg.gif";
// IMG ESPORTES
var MenuBgImage6 = new Image();
	MenuBgImage6.src = "pix/menu/menu_esp_bg.gif";

// SET SUB MENU BACKGROUND IMAGES
//DEFAULT HOME PAGE
var subMenuBgImage = new Image();
	subMenuBgImage.src = "pix/menu/menu_bottom.gif";
//SPORTS
var subMenuBgImage2 = new Image();
	subMenuBgImage2.src = "pix/menu/menu_sports_btm_bg.gif";
//ENTERTAINMENT
var subMenuBgImage3 = new Image();
	subMenuBgImage3.src = "pix/menu/menu_ent_btm_bg.gif";
//MEDIA
var subMenuBgImage4 = new Image();
	subMenuBgImage4.src = "pix/menu/menu_media_btm_bg.gif";
//GENERIC
var subMenuBgImage5 = new Image();
	subMenuBgImage5.src = "pix/menu/menu_home_btm_bg.gif";
//ESPORTES
var subMenuBgImage6 = new Image();
	subMenuBgImage6.src = "pix/menu/menu_esp_btm_bg.gif";




function resetMenu() {
    if (resetMenuState == "sports" ) swapMenu(submenu); 
	if (resetMenuState  == "ent" ) swapMenu(submenu2);
	if (resetMenuState  == "media" ) swapMenu(submenu3); 
	if (resetMenuState  == "esportes" ) swapMenu(submenu4); 
	if (resetMenuState  == "generic")  { 
	    changeMenuBg("generic");
	    submenustate = "generic";
	    getElement("SubMenuItems").innerHTML = "";
	    
	    }   
}

//FUNCTION TO SET DEFAULT MENU ON PAGE LOAD
function setMenu() {
	if (submenustate == "sports" && isSwapping == "") swapMenu(submenu);
	if (submenustate == "ent" && isSwapping == "") swapMenu(submenu2);
	if (submenustate == "media" && isSwapping == "") swapMenu(submenu3);
	if (submenustate == "esportes" && isSwapping == "") swapMenu(submenu4);
	if (submenustate == "generic" && isSwapping == "") changeMenuBg("generic");
}

function positionSubMenu(obj) {
var SubMenuTotalWidth = 900
var SubMenuWidth = getElement("SubMenuItems").offsetWidth
var WidthAdjust = (SubMenuTotalWidth - SubMenuWidth / 2);
;
}

function swapMenu(obj) {
	//intInterval = clearInterval(intInterval);
	if (obj == submenu) {
	isSwapping = "sports";
	onImgRight = sportsImgOnRight;
	onImgLeft = sportsImgOnLeft;
	SubMenuLeftPadding = "0px";
	} 
	
	if (obj == submenu2) {
		isSwapping = "entertainment";
		onImgRight = entImgOnRight;
		onImgLeft = entImgOnLeft;
	    SubMenuLeftPadding = "130px";
	} 
			
	if  (obj == submenu3) {
		isSwapping = "media";
		onImgRight = mediaImgOnRight;
		onImgLeft = mediaImgOnLeft;
		SubMenuLeftPadding = "200px";
	}
		if  (obj == submenu4) {
		isSwapping = "esportes";
		onImgRight = esportesImgOnRight;
		onImgLeft = esportesImgOnLeft;
		SubMenuLeftPadding = "350px";
	}
	
	submenuHTML = "";
	    submenuHTML += "<div style='padding-left:"+SubMenuLeftPadding+"'>"
	for (i = 0; i <= obj.length - 1; i++) {
		if (obj[i][5] == itype) {
			submenuHTML += "<div style='background:url(" + onImgLeft + ") no-repeat;' class='ItemLeft'></div><div class='Item' style='background:" + obj[i][4] + ";'><a style='text-decoration:underline;' id='sublink_" + itype + "' href='" + obj[i][1] + "' target='" + obj[i][2] + "'>" + obj[i][0] + "</a></div><div style='background:url(" + onImgRight + ") no-repeat;' class='ItemRight'></div>";
			} else {
			submenuHTML += "<div class='ItemLeft'></div><div class='Item'><a id='sublink_" + itype + "' href='" + obj[i][1] + "' target='" + obj[i][2] + "'>" + obj[i][0] + "</a></div><div class='ItemRight'></div>";
		}
	}
	    submenuHTML += "</div>"
	getElement("SubMenuItems").innerHTML = submenuHTML;
	
	changeMenuBg(obj);

}


// GLOBAL VARS FOR  FADING IN OF SUB MENU
var intInterval = 0;
var intDelay = 60;
var intOpacity = 10;
var intOpacityStart = 10;
var inOpacityIncrement = 10;
var intOpacityMax = 100;
var intMenuId = "MenuBg";
var intSubMenuId = "SubMenuBg";
var SubMenuOn = "";

var NavigatorType = navigator.userAgent.toLowerCase();


//CHNAGE SUBMENU BACKGROUND
function changeMenuBg(obj) {
			
	
	if (obj == submenu && SubMenuOn != submenu) {
		changeOpacity();
		getElement(intSubMenuId).src = subMenuBgImage2.src; 
		getElement(intMenuId).src = MenuBgImage2.src; 
		SubMenuOn = submenu;
		startTransition(intSubMenuId);	
	}
	
	if (obj == submenu2 && SubMenuOn != submenu2) {
		changeOpacity();
		getElement(intSubMenuId).src = subMenuBgImage3.src; 
		getElement(intMenuId).src = MenuBgImage3.src; 
		SubMenuOn = submenu2
		startTransition(intSubMenuId);
	}
	
	
	if (obj == submenu3 && SubMenuOn != submenu3) {
		changeOpacity();
		getElement(intSubMenuId).src = subMenuBgImage4.src; 
		getElement(intMenuId).src = MenuBgImage4.src; 
		SubMenuOn = submenu3
		startTransition(intSubMenuId);	
	}

	if (obj == "generic") {
		changeOpacity();
		getElement(intSubMenuId).src = subMenuBgImage5.src; 
		getElement(intMenuId).src = MenuBgImage5.src;
		startTransition(intSubMenuId);
		SubMenuOn = "";
		
		}
	
	
	if (obj == submenu4 && SubMenuOn != submenu4) {
		changeOpacity();
		getElement(intSubMenuId).src = subMenuBgImage6.src; 
		getElement(intMenuId).src = MenuBgImage6.src; 
		SubMenuOn = submenu4
		startTransition(intSubMenuId);	
	}
    	
}
	
//SUBMENU FADE FUCTIONS
function changeOpacity() {
	//MOZILLA BROWSERS
	var is_agent = NavigatorType.indexOf("firefox");
	if (is_agent != -1) {
		getElement(intSubMenuId).style.MozOpacity = (intOpacity/intOpacityMax);
		} else {
		getElement(intSubMenuId).style.filter = "alpha(opacity = " + intOpacity +")";
		}
}

function startTransition(id) {
intInterval = clearInterval(intInterval);
intInterval = setInterval("fadeDiv()", intDelay);
}

function fadeDiv() {
	changeOpacity();
	
	intOpacity += inOpacityIncrement
	if (intOpacity == intOpacityMax) {
		intInterval = clearInterval(intInterval);
		intOpacity = intOpacityStart;
	}
}


function getMouseLocation() {

var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
else {  // grab the x-y pos.s if browser is NS
tempX = e.pageX;
tempY = e.pageY;
}  
if (tempX < 0){tempX = 0;}
if (tempY < 0){tempY = 0;} 

//document.Show.MouseX.value = tempX;
//document.Show.MouseY.value = tempY;

if (tempY > 100) {
     resetMenu(); 
    document.onmousemove = "";
   
 }

return true;
}

}


// END SUB MENU FADE FUNCTIONS