menuButton0on = new Image();
menuButton0on.src = "/images/topnav_aboutus_on.gif";
menuButton0off = new Image();
menuButton0off.src = "/images/topnav_aboutus_off.gif";
menuButton1on = new Image();
menuButton1on.src = "/images/topnav_international_on.gif";
menuButton1off = new Image();
menuButton1off.src = "/images/topnav_international_off.gif";
menuButton2on = new Image();
menuButton2on.src = "/images/topnav_webpublishers_on.gif";
menuButton2off = new Image();
menuButton2off.src = "/images/topnav_webpublishers_off.gif";
menuButton3on = new Image();
menuButton3on.src = "/images/topnav_advertisers_on.gif";
menuButton3off = new Image();
menuButton3off.src = "/images/topnav_advertisers_off.gif";
menuButton4on = new Image();
//menuButton4on.src = "/images/topnav_revcentre_off.gif";
menuButton4on.src = "/images/topnav_revcentre_tab.jpg";
menuButton4off = new Image();
menuButton4off.src = "/images/topnav_revcentre_tab.jpg";

//login
button1on = new Image();
button1on.src = "/images/topnav_login_on.gif";
button1off = new Image();
button1off.src = "/images/topnav_login_off.gif";

//advertisers section
learnMore1_bxon = new Image();
learnMore1_bxon.src = "/images/buttons/learnMore_bxOn.gif";
learnMore1_bxoff = new Image();
learnMore1_bxoff.src = "/images/buttons/learnMore_bx.gif";
learnMore2_bxon = new Image();
learnMore2_bxon.src = "/images/buttons/learnMore_bxOn.gif";
learnMore2_bxoff = new Image();
learnMore2_bxoff.src = "/images/buttons/learnMore_bx.gif";

learnMore1_byon = new Image();
learnMore1_byon.src = "/images/buttons/learnMore_bxOn.gif";
learnMore1_byoff = new Image();
learnMore1_byoff.src = "/images/buttons/learnMore_bx.gif";
learnMore2_byon = new Image();
learnMore2_byon.src = "/images/buttons/learnMore_bxOn.gif";
learnMore2_byoff = new Image();
learnMore2_byoff.src = "/images/buttons/learnMore_bx.gif";

learnMore1_advon = new Image();
learnMore1_advon.src = "/images/buttons/learnMore_advOn.gif";
learnMore1_advoff = new Image();
learnMore1_advoff.src = "/images/buttons/learnMore_adv.gif";
signUp1_advon = new Image();
signUp1_advon.src = "/images/buttons/signUp_advOn.gif";
signUp1_advoff = new Image();
signUp1_advoff.src = "/images/buttons/signUp_adv.gif";
learnMore2_advon = new Image();
learnMore2_advon.src = "/images/buttons/learnMore_advOn.gif";
learnMore2_advoff = new Image();
learnMore2_advoff.src = "/images/buttons/learnMore_adv.gif";
signUp2_advon = new Image();
signUp2_advon.src = "/images/buttons/signUp_advOn.gif";
signUp2_advoff = new Image();
signUp2_advoff.src = "/images/buttons/signUp_adv.gif";
//Publishers section
learnMore1_pubon = new Image();
learnMore1_pubon.src = "/images/buttons/learnMore_pubOn.gif";
learnMore1_puboff = new Image();
learnMore1_puboff.src = "/images/buttons/learnMore_pub.gif";
signUp1_pubon = new Image();
signUp1_pubon.src = "/images/buttons/signUp_pubOn.gif";
signUp1_puboff = new Image();
signUp1_puboff.src = "/images/buttons/signUp_pub.gif";
learnMore2_pubon = new Image();
learnMore2_pubon.src = "/images/buttons/learnMore_pubOn.gif";
learnMore2_puboff = new Image();
learnMore2_puboff.src = "/images/buttons/learnMore_pub.gif";
learnMore3_pubon = new Image();
learnMore3_pubon.src = "/images/buttons/learnMore_pubOn.gif";
learnMore3_puboff = new Image();
learnMore3_puboff.src = "/images/buttons/learnMore_pub.gif";
signUp2_pubon = new Image();
signUp2_pubon.src = "/images/buttons/signUp_pubOn.gif";
signUp2_puboff = new Image();
signUp2_puboff.src = "/images/buttons/signUp_pub.gif";
signUp3_pubon = new Image();
signUp3_pubon.src = "/images/buttons/signUp_pubOn.gif";
signUp3_puboff = new Image();
signUp3_puboff.src = "/images/buttons/signUp_pub.gif";

//About Us section
learnMore1_abouton = new Image();
learnMore1_abouton.src = "/images/buttons/learnMore_aboutOn.gif";
learnMore1_aboutoff = new Image();
learnMore1_aboutoff.src = "/images/buttons/learnMore_about.gif";
signUp1_abouton = new Image();
signUp1_abouton.src = "/images/buttons/signUp_aboutOn.gif";
signUp1_aboutoff = new Image();
signUp1_aboutoff.src = "/images/buttons/signUp_about.gif";
learnMore2_abouton = new Image();
learnMore2_abouton.src = "/images/buttons/learnMore_aboutOn.gif";
learnMore2_aboutoff = new Image();
learnMore2_aboutoff.src = "/images/buttons/learnMore_about.gif";
signUp2_abouton = new Image();
signUp2_abouton.src = "/images/buttons/signUp_aboutOn.gif";
signUp2_aboutoff = new Image();
signUp2_aboutoff.src = "/images/buttons/signUp_about.gif";
advertisers_Contacton = new Image();
advertisers_Contacton.src = "/images/buttons/about_adv_buttonOn.gif";
advertisers_Contactoff = new Image();
advertisers_Contactoff.src = "/images/buttons/about_adv_button.gif";
publishers_Contacton = new Image();
publishers_Contacton.src = "/images/buttons/about_pub_buttonOn.gif";
publishers_Contactoff = new Image();
publishers_Contactoff.src = "/images/buttons/about_pub_button.gif";
about_Contacton = new Image();
about_Contacton.src = "/images/buttons/about_contacton.gif";
about_Contactoff = new Image();
about_Contactoff.src = "/images/buttons/about_contact.gif";

function turnOn(imgName) {
	imgOn = eval(imgName +"on.src");
	document [imgName].src = imgOn;
}
function turnOff(imgName) {
	imgOff = eval(imgName + "off.src");
	document [imgName].src = imgOff;
}

//------------------------------
//			DROP-DOWN MENU CODE
//------------------------------

//GLOBAL CONSTANTS AND VARIABLES
//==============================
PAGE_WIDTH = 776;
TOPNAV_MENU_LEV1_NUM = 4;
TOPNAV_HEIGHT = 121;
TOPNAV_MENU_WIDTH = 154;//151;

NAV_BUTTON_COLOR_OFF = 0xFFFFFF;
NAV_BUTTON_TEXT_COLOR_ON = "#000000";
NAV_BUTTON_TEXT_COLOR_OFF = "#777777";

MENU_VELOCITY = 150; //pixels per .15 seconds

navButtonColorOn = new Array(0xB7C2D1, 0xDDCFE6, 0xFDD8B7, 0xE0EEC1, 0xB1D2DB);//(company, international, web publishers, advertisers)
menuColors = new Array("#123466", "#8D61AC", "#F97E10", "#99C832", "#A2E1FF");//(company, international, web publishers, advertisers)

//div names needed for re-initialization
submenuName = new Array();
submenuName[0] = new Array('navMenu0_3', 'navMenu0_5');
submenuName[1] = new Array();
submenuName[2] = new Array('navMenu2_1', 'navMenu2_2');
submenuName[3] = new Array('navMenu3_1', 'navMenu3_3');
submenuName[4] = new Array('navMenu4_0', 'navMenu4_1', 'navMenu4_2', 'navMenu4_3', 'navMenu4_4', 'navMenu4_5');

//initial and adjusted x values for all menus and submenus
menu_x_baseValue = new Array(339, 595, 492, 411, 231);
submenu_x_baseValue = new Array(490, 746, 643, 562, 382);
menu_x_adjustedValue = new Array();
submenu_x_adjustedValue = new Array();

menuOn = false;
subMenuOn = false;
menuCheckerID = 0;
subMenuCheckerID = 0;
menuOnLevel1 = new Array();
menuOnLevel2 = new Array();
menusReady = false;

//FUNCTIONS
//=========
function initializeMenus(expandableFrame){
	//initializex menu x positions	
	var xOffset = Math.floor((document.body.clientWidth - PAGE_WIDTH)/2 );	
		
	//If its the report area, we use slightly different positioning
	if (typeof expandableFrame != "undefined" && (expandableFrame==true)){
	   xOffset = (xOffset * 2) + 1;
	   TOPNAV_MENU_LEV1_NUM = 5   
	}
			
	for(var i=0; i<TOPNAV_MENU_LEV1_NUM; i++){
		var thisMenu = "navMenu" + i;
	
		menu_x_adjustedValue[i] = (menu_x_baseValue[i] + xOffset) + "px";
		submenu_x_adjustedValue[i] = submenu_x_baseValue[i] + xOffset;
		
		//relocate menu and submenu
		changeStyle(thisMenu, 'left', menu_x_adjustedValue[i]);
		
		for(var x=0; x<submenuName[i].length; x++){
			if(submenuName[i].length <= 0) break;
			
			var thisSubMenu = submenuName[i][x];
			var newX = (submenu_x_baseValue[i] + xOffset - TOPNAV_MENU_WIDTH) + "px";
			var clipLeft = parseInt(submenu_x_baseValue[i] + xOffset) + "px";
			var clipRight = clipLeft + TOPNAV_MENU_WIDTH + 12 + xOffset;
			var clipString = "rect(auto auto auto " + clipLeft + ")";
			var clipDivName = thisSubMenu + "_clip";
			
			changeStyle(clipDivName, 'clip', clipString);
			changeStyle(thisSubMenu, 'left', newX);
			//reveal submenus after they are set
			changeStyle(thisSubMenu, 'visibility', 'visible');
		}
		
	}

	for(var y=0; y<TOPNAV_MENU_LEV1_NUM; y++){
		var thisMenu = "navMenu" + y;
		var startY = TOPNAV_HEIGHT - document.getElementById(thisMenu).offsetHeight;
		changeStyle(thisMenu, 'top', startY);
	}
     
	menusReady = true;
}

function firefoxMenuRefresh(){
    ffAdjState = (ffAdjState == "odd") ? "even" : "odd" ;

    for(var i=0; i<TOPNAV_MENU_LEV1_NUM; i++){
	    var thisMenu = "navMenu" + i;
    	
	    //refresh menu
        if(ffAdjState == "odd"){
            changeStyle(thisMenu, 'color', '#000000');
        } else {
            changeStyle(thisMenu, 'color', '#000001');
        }
    	
	    for(var x=0; x<submenuName[i].length; x++){
		    var thisSubMenu = submenuName[i][x];
            if(ffAdjState == "odd"){
                changeStyle(thisSubMenu, 'color', '#000000');
            } else {
                changeStyle(thisSubMenu, 'color', '#000001');
            }
	    }
    	
    }
}

function setMenuOn(){
	menuOn = true;
}

function setMenuOff(){
	if(menusReady){
		clearTimeout(menuCheckerID);
		menuOn = false;
		menuCheckerID = setTimeout(hideMenus,300);
	}
}

function setSubMenuOn(){
	subMenuOn = true;
}

function setSubMenuOff(){
	clearTimeout(subMenuCheckerID);
	subMenuOn = false;
	subMenuCheckerID = setTimeout(hideSubMenus,300);
}

function displayMenu(menuNum){
	if(menusReady){	
		//turn off all current menus
		hideMenus();
		clearTimeout(menuCheckerID);
		
		//turn on graphic button if needed
		var buttonGraphic = "menuButton" + menuNum;
		if(document[buttonGraphic] != undefined){
			turnOn(buttonGraphic);
		}
			
		var thisMenu = "navMenu" + menuNum;
		var thisMenuObjRef = document.getElementById(thisMenu);
		var endX = ScreenElement.getXPosition(thisMenuObjRef);
		var endY = TOPNAV_HEIGHT;
		var startY = ScreenElement.getYPosition(thisMenuObjRef);
		var deltaY = endY-startY;
		var slideTime = (.15*deltaY)/MENU_VELOCITY;
		
		changeStyle(thisMenu, 'visibility', 'visible');
		slide(thisMenu,endX,endX,startY,endY,slideTime);
		
		//mac safari tweak
		if(navigator.userAgent.indexOf('Safari') != -1){
	        changeStyle('menuArea', 'clip', 'rect(121px auto auto auto)');
        }
		
		//keep track of active menus
		menuOn = true;
		menuOnLevel1.push(thisMenu);
	}	
}

function hideMenus(){
	if(!menuOn){
		clearTimeout(menuCheckerID);
		var loopLength = menuOnLevel1.length;
		for(var i=0; i<loopLength; i++){
			if(menuOnLevel1[i] != undefined){
				var thisMenu = menuOnLevel1.shift();
				var thisMenuObjRef = document.getElementById(thisMenu);
				var menuGraphicName = "menuButton" + (thisMenu.substring(7,8));
				var endX = ScreenElement.getXPosition(thisMenuObjRef);
				var endY = TOPNAV_HEIGHT - thisMenuObjRef.offsetHeight;
				var startY = ScreenElement.getYPosition(thisMenuObjRef);
				var deltaY = (startY-endY);
				var slideTime = (.15*deltaY)/MENU_VELOCITY;
	
				slide(thisMenu,endX,endX,startY,endY,slideTime);
				
				//turn off graphic button if needed
				if(document[menuGraphicName] != undefined){
					turnOff(menuGraphicName);
				}
				
				//mac safari tweak
		        if(navigator.userAgent.indexOf('Safari') != -1){
	                changeStyle('menuArea', 'clip', 'rect(121px auto 155px auto)');
                }
			}
		}
	}
}

function displaySubMenu(menuNum){
	//turn off all current menus
	hideSubMenus();
	clearTimeout(subMenuCheckerID);

	//menu positioning
	var thisMenu = "navMenu" + menuNum;
	var thisMenuIndex = menuNum.substring(0,1);
	var thisMenuObjRef = document.getElementById(thisMenu);
	var endX = submenu_x_adjustedValue[thisMenuIndex];
	var startX = ScreenElement.getXPosition(thisMenuObjRef);
	var startY = ScreenElement.getYPosition(thisMenuObjRef);
	var slideTime = .15;
	
	//menu button highlighting
	var thisButton = "navButton" + menuNum;
	navButtonOn(thisButton);
	
	//reveal menu
	slide(thisMenu,startX,endX,startY,startY,slideTime);
	
	//keep track of active menus
	subMenuOn = true;
	menuOnLevel2.push(thisMenu);
	
	//win opera tweak
	if(navigator.userAgent.indexOf('Opera') == -1){
	    var clipDivName = thisMenu + "_clip";
	    changeStyle(clipDivName, 'visibility', 'visible');
	}
	
	//add left edge if needed
	var menu1Ref = document.getElementById("navMenu" + thisMenuIndex);
	var menu2Ref = document.getElementById(thisMenu);
	var menu1Height = menu1Ref.offsetHeight;
	var menu2Height = menu2Ref.offsetHeight;
	var leftEdgeHeight = ((ScreenElement.getYPosition(menu2Ref)-121) + menu2Height) - (menu1Height) + 1;

	//var subMenuY = ;
	if(leftEdgeHeight > 0){
		var htmlString = '<div style="width:1px;height:' + leftEdgeHeight + 'px;background-color:' + menuColors[thisMenuIndex] + ';"><img src="images/spacer.gif" height="1" width="1"></div>';
		var edgeTop = (menu1Height + TOPNAV_HEIGHT - 3) + 'px';
		var edgeLeft = endX + 'px';
		changeProperty('subMenuLeftEdge', 'innerHTML', htmlString);
		changeStyle('subMenuLeftEdge', 'left', edgeLeft);
		changeStyle('subMenuLeftEdge', 'top', edgeTop);
		changeStyle('subMenuLeftEdge', 'visibility', 'visible');
	}
}

function hideSubMenus(){
    

	if(!subMenuOn){
	    //hide left edge
		changeProperty('subMenuLeftEdge', 'innerHTML', ' ');
		changeStyle('subMenuLeftEdge', 'visibility', 'hidden');
	
		//clearTimeout(menuCheckerID);
		var loopLength = menuOnLevel2.length;
		for(var i=0; i<loopLength; i++){
			if(menuOnLevel2[i] != undefined){
				//menu button de-highlighting
				var thisButton = "navButton" + menuOnLevel2[i].substring(7,10);
				navButtonOff(thisButton);
			
				//menu positioning
				var thisMenuIndex = menuOnLevel2[i].substring(7,8);
				var thisMenu = menuOnLevel2.shift();
				var thisMenuObjRef = document.getElementById(thisMenu);
				var startX = ScreenElement.getXPosition(thisMenuObjRef);
				var originX = submenu_x_adjustedValue[thisMenuIndex];
				var endX = originX - TOPNAV_MENU_WIDTH;
				var startY = ScreenElement.getYPosition(thisMenuObjRef);
				var slideTime = .15;
			
				//reveal menu
				slide(thisMenu,startX,endX,startY,startY,slideTime);
				
				//win opera tweak
				if(navigator.userAgent.indexOf('Opera') == -1){
	                var clipDivName = thisMenu + "_clip";
	                changeStyle(clipDivName, 'visibility', 'hidden');
	            }
			}
		}
	}
}

function navButtonOn(buttonNameString){
	var menuIndex = parseInt(buttonNameString.substring(9,10));
	killColorBlend(buttonNameString);
	var currentColor = getStyleValue(buttonNameString, 'backgroundColor');

	if(currentColor == ""){
		currentColor = NAV_BUTTON_COLOR_OFF;
	} else {
		currentColor = Color.fromString(currentColor);
	}
	colorBlend(buttonNameString, 'backgroundColor', currentColor, navButtonColorOn[menuIndex], .25);
	changeStyle(buttonNameString, 'color', NAV_BUTTON_TEXT_COLOR_ON);
}

function navButtonOff(buttonNameString){
	killColorBlend(buttonNameString);
	var currentColor = getStyleValue(buttonNameString, 'backgroundColor');
	
	if(currentColor == ""){
		currentColor = NAV_BUTTON_COLOR_OFF;
	} else {
		currentColor = Color.fromString(currentColor);
	}
	colorBlend(buttonNameString, 'backgroundColor', currentColor, NAV_BUTTON_COLOR_OFF, .25);
	changeStyle(buttonNameString, 'color', NAV_BUTTON_TEXT_COLOR_OFF);
}


//RUNTIME
//=======
//browser tweaks
if (navigator.appName == "Microsoft Internet Explorer"){
	//menu link size
	document.write("<style>.navMenu a {width:100%;}</style>");
	document.write("<style>.subNavMenu a {width:100%;}</style>");
}

//mac safari menu workaround
if(navigator.userAgent.indexOf('Safari') != -1){
    document.write("<style>#menuArea {visibility:visible;clip: rect(121px,auto,155px,auto);}</style>");
}

//style tweaks for all browsers except Mac Firefox
if ( !((navigator.userAgent.indexOf('Firefox') > -1) && (navigator.platform.indexOf('Mac') > -1)) ){
    document.write("<style>.navMenu .shadow{opacity:.3;-moz-opacity:.3;filter:alpha(opacity=30);}</style>");
    document.write("<style>.navSubMenu .shadow{opacity:.3;-moz-opacity:.3;filter:alpha(opacity=30);}</style>");
}


//Login Button Switch
var URL = (location.href);

if(location.host == 'www.vibrantmedia.com') {

	if(location.protocol == 'http:') {
		if(URL.indexOf("login") == -1) {
			var loginBttn =('<a href="https://www.vibrantmedia.com/login.asp" onMouseOver="turnOn(\'button1\');" onMouseOut="turnOff(\'button1\');"><img src="/images/topnav_login_off.gif" border="0" name="button1" alt="Log In"></a>')
			button1on.src = "/images/topnav_login_on.gif";
			button1off.src = "/images/topnav_login_off.gif";
		} else {
			var loginBttn =('<a href="https://www.vibrantmedia.com/login.asp"><img src="/images/topnav_login_tab.jpg" border="0" alt="Log In"></a>')
		}
	} else {
		var aCookies = document.cookie.split(';');
		var sUserName = '', sPassword = ''
		for(var y = 0; y < aCookies.length; y++) {
			if(aCookies[y].split('=')[0] == ' VMUSR' && aCookies[y].split('=')[1]) {
				sUserName = aCookies[y].split('=')[1];
			}
			if(aCookies[y].split('=')[0] == ' VMPWD' && aCookies[y].split('=')[1]) {
				sPassword = aCookies[y].split('=')[1];
			}
		}

		if(sUserName.length > 0 && sPassword.length > 0) {
			if(URL.indexOf("login") == -1) {
				var loginBttn =('<a href="/login.asp?logout=true" onMouseOver="turnOn(\'button1\');" onMouseOut="turnOff(\'button1\');"><img src="/images/topnav_logout_off.gif" border="0" name="button1" alt="Log Off"></a>')
				button1on.src = "/images/topnav_logout_on.gif";
				button1off.src = "/images/topnav_logout_off.gif";
			} else {
				var loginBttn =('<a href="/login.asp?logout=true"><img src="/images/topnav_logout_tab.jpg" border="0" alt="Log Off"></a>')
			}
		} else {
			if(URL.indexOf("login") == -1) {
				var loginBttn =('<a href="/login.asp" onMouseOver="turnOn(\'button1\');" onMouseOut="turnOff(\'button1\');"><img src="/images/topnav_login_off.gif" border="0" name="button1" alt="Log In"></a>')
				button1on.src = "/images/topnav_login_on.gif";
				button1off.src = "/images/topnav_login_off.gif";
			} else {
				var loginBttn =('<a href="/login.asp"><img src="/images/topnav_login_tab.jpg" border="0" alt="Log In"></a>')
			}
		}
	}

} else if(location.host == 'vibrantmedia.com') {

	if(URL.indexOf("login") == -1) {
		var loginBttn =('<a href="https://www.vibrantmedia.com/login.asp" onMouseOver="turnOn(\'button1\');" onMouseOut="turnOff(\'button1\');"><img src="/images/topnav_login_off.gif" border="0" name="button1" alt="Log In"></a>')
		button1on.src = "/images/topnav_login_on.gif";
		button1off.src = "/images/topnav_login_off.gif";
	} else {
		var loginBttn =('<a href="https://www.vibrantmedia.com/login.asp"><img src="/images/topnav_login_tab.jpg" border="0" alt="Log In"></a>')
	}

} else {

	var aCookies = document.cookie.split(';');
	var sUserName = '', sPassword = '';
	for(var y = 0; y < aCookies.length; y++) {
		if(aCookies[y].split('=')[0] == ' VMUSR' && aCookies[y].split('=')[1]) {
			sUserName = aCookies[y].split('=')[1];
		}
		if(aCookies[y].split('=')[0] == ' VMPWD' && aCookies[y].split('=')[1]) {
			sPassword = aCookies[y].split('=')[1];
		}
	}
	
	if(sUserName.length > 0 && sPassword.length > 0) {
		if(URL.indexOf("login") == -1) {
			var loginBttn =('<a href="/login.asp?logout=true" onMouseOver="turnOn(\'button1\');" onMouseOut="turnOff(\'button1\');"><img src="/images/topnav_logout_off.gif" border="0" name="button1" alt="Log Off"></a>')
			button1on.src = "/images/topnav_logout_on.gif";
			button1off.src = "/images/topnav_logout_off.gif";
		} else {
			var loginBttn =('<a href="/login.asp?logout=true"><img src="/images/topnav_logout_tab.jpg" border="0" alt="Log Off"></a>')
		}
	} else {
		if(URL.indexOf("login") == -1) {
			var loginBttn =('<a href="/login.asp" onMouseOver="turnOn(\'button1\');" onMouseOut="turnOff(\'button1\');"><img src="/images/topnav_login_off.gif" border="0" name="button1" alt="Log In"></a>')
			button1on.src = "/images/topnav_login_on.gif";
			button1off.src = "/images/topnav_login_off.gif";
		} else {
			var loginBttn =('<a href="/login.asp"><img src="/images/topnav_login_tab.jpg" border="0" alt="Log In"></a>')
		}
	}

}