// global variables

var img_folder = "images/"; // should probably be "/images/"

var vMenuOffset = 15;
var hMenuOffset = 0;


var loggedin = "false";





// basic sniffer:
var NS4 = (document.layers) ? 1 : 0;
var IE4 = (document.all) ? 1 : 0;
var DOM = ((document.getElementById) && (!IE4)) ? 1 : 0;   // ns6


// NS4 resize fix
if (NS4) {
	origWidth = innerWidth;
	origHeight = innerHeight;
}

function reDo() {
	if (innerWidth != origWidth || innerHeight != origHeight) {
		location.reload();
	}
}

if (NS4) onresize = reDo;


// ----------------------------------------------------------------
// image-swapping code
// ----------------------------------------------------------------

var imagesLoaded = false;

function loadImage(fileName) {
	newImage = new Image();
	newImage.src = fileName;
	return newImage;
}

function preloadImages() {
	if(document.images) {
	// menu components:
	spacerImg = loadImage(img_folder + "spacer.gif");
	indicator_off = loadImage(img_folder + "indicator_off.gif");
	indicator_on = loadImage(img_folder + "indicator_on.gif");
	menu_tl = loadImage(img_folder + "menu_tl.gif");
	menu_tr = loadImage(img_folder + "menu_tr.gif");
	menu_left = loadImage(img_folder + "menu_left.gif");
	menu_right = loadImage(img_folder + "menu_right.gif");
	menu_bl = loadImage(img_folder + "menu_bl.gif");
	menu_br = loadImage(img_folder + "menu_br.gif");
	menu_btm = loadImage(img_folder + "menu_btm.gif");
	menu_top = loadImage(img_folder + "menu_top.gif");

    imagesLoaded = true;
  }
}


function changeImage(imageIn, imageSrc) {
	if (!imagesLoaded || !document.images) return;
	currImage = eval("document." + imageIn);
 	if (!currImage) {
    	if (NS4) {
    		var foundImage = false;
			for (l = 0; l < document.layers.length; l++) {
				currImage = eval("document.layers[" + l + "].document." + imageIn);
				if (currImage) {
					foundImage = true;
					break
				}
			}
			if (!foundImage) return;
		}
		else return;
	}
	if (NS4) currImage.src = eval(imageSrc + ".src");
	else currImage.setAttribute("src", eval(imageSrc + ".src"));
}

// end image-swapping code




// ----------------------------------------------------------------
// Dropdown Menu Code
// ----------------------------------------------------------------


// initialize some variables
var isOver = false;
var timer = null;
var cmTop = 0; 
var cmLeft = 0;
var cmDelay = 250; // menu delay (in milliseconds)
var whichMenu;
var activeKey;
var headerImages = false; // are images used as menu headers (as opposed to text)?



if (DOM) onload = InitObj;
preloadImages();





// Menu Arrays:


// Array of menus:
// format entries as 'menuName'
// where menuName corresponds to menuItems_ arrays below
// Note: if using images for menu headers (rather than text), filenames should
//  follow the following nomenclature:
//    default image: 'menuName_off.gif'
//    mouseOver image: 'menuName_on.gif'
//	  image name: 'menuNameBtn'

var menuList = new Array('',
	'playerProfiles'
);



// individual menu arrays:
// array names should be "menuItems_" + menu name(as shown in menuList array)
// format menu items as ['url','text','public*','target*']
// where:
//	url = url for link
//	text = text to appear in text link or alt tag for image
//	public (boolean) = is link available without login?
//	target = target attribute for link (i.e. "_blank") 
// * = optional


var menuItems_playerProfiles = new Array(
['strout.html','Amanda Strout','1'],
['burridge.html','Andrea Burridge','1'],
['lin.html','Angela Lin','1'],
['murray.html','Eileen Murray','1'],
['bickley.html','Evelyn Bickley','1'],
['sommers.html','Holly Sommers','1'],
['cashin.html','Jami Cashin','1'],
['smith.html','Jen Smith','1'],
['ogburn.html','Jessica Ogburn','1'],
['echterhoff.html','Julia Echterhoff','1'],
['diehl.html','Kellie Diehl','1'],
['lisa.html','Lisa Kotora','1'],
['nacius.html','Lori Nacius','1'],
['lindsley.html','Mara Lindsley','1'],
['roth.html','Miranda Roth','1'],
['rapp.html','Lauren Rapp','1'],
['cammack.html','Shan Cammack','1'],
['lopez.html','Tanya Lopez','1']
);







// build standard dropdowns
for ( i = 1 ; i < menuList.length ; i++ ) {
	var menuItems = eval("menuItems_" + menuList[i]); // list item menuList[i] references item in menuList array and [1] references the second element (eg. the menu name)
	var divNum = "cm_" + menuList[i]; // menu layer name
	var strDiv = '<div class="menuLayer" id="' + divNum + '" onMouseOver="OverLayer();" onMouseOut="OutLayer();">\n';
	strDiv = strDiv + '<table cellspacing=0 width=80 cellpadding=0 border=0>\n';
	strDiv = strDiv + '<tr><td><img src="' + menu_tl.src + '" height=3 width=3></td><td background="' + menu_top.src + '"><img src="' + spacerImg.src + '" height=1 width=1></td><td background="' + menu_top.src + '"><img src="' + menu_top.src + '" height=3 width=62></td><td align="right" valign="top"><img src="' + menu_tr.src + '" height=3 width=7></td></tr>\n';
	for ( j = 0 ; j < menuItems.length ; j++ ) {
		if ((menuItems[j][2]>0) || (loggedin>0)) {
			var indicatorName = "indicator_" + i + "_" + j;
			strDiv = strDiv + '<tr><td><img src="' + menu_left.src + '" width=3 height=18></td>';
			strDiv = strDiv + '<td><img src="' + indicator_off.src + '" name="' + indicatorName + '" width=12 height=18></td>';
			strDiv = strDiv + '<td class="menuItems" nowrap><a onMouseOver="changeImage(\'' + indicatorName + '\',\'indicator_on\')" onMouseOut="changeImage(\'' + indicatorName + '\',\'indicator_off\')" href="' + menuItems[j][0] + '"';
			if (menuItems[j][3]) {
				strDiv = strDiv + ' target="' + menuItems[j][3] + '"';
			}
			strDiv = strDiv + '">' + menuItems[j][1] + '</a></td>\n';
			strDiv = strDiv + '<td align="right"><img src="' + menu_right.src + '" height=18 width=7></td></tr>\n';
		}
		else {
			strDiv = strDiv + '<tr><td><img src="' + menu_left.src + '" width=3 height=18></td>';
			strDiv = strDiv + '<td><img src="' + spacerImg.src + '" width=6 height=8></td>';
			strDiv = strDiv + '<td class="menuItemsUnav" nowrap>' + menuItems[j][1] + '</td>\n';
			strDiv = strDiv + '<td align="right"><img src="' + menu_right.src + '" height=18 width=7></td></tr>\n';
		}
	}
	strDiv = strDiv + '<tr><td align="left" valign="bottom"><img src="' + menu_bl.src + '" height=3 width=3></td><td background="' + menu_btm.src + '"><img src="' + spacerImg.src + '" height=1 width=1></td><td background="' + menu_btm.src + '"><img src="' + menu_btm.src + '" height=3 width=62></td><td align="right" valign="bottom"><img src="' + menu_br.src + '" height=3 width=7></td></tr>\n';
	strDiv = strDiv + '</table></div>';
	document.write(strDiv);
}



// create menu layer objects (cm's)
function InitObj() {
	for (i = 1; i < menuList.length; i++) { 
		whichEl = "cm_" + menuList[i];
		if (DOM) {
			whichEl = document.getElementById(whichEl);
		}
		else {	
			whichEl = (NS4) ? document.layers[whichEl] : document.all[whichEl].style;
		}
		whichEl.onmouseover = OverLayer;
		whichEl.onmouseout = OutLayer;
	}
}
InitObj();




// make whichMenu visible (separated for delay in NS)
function makeVisible() {
	if (DOM) {
		whichMenu.style.visibility = "visible";
	}
	else {
		whichMenu.visibility = "visible";
	}
	
}






// activate menus by name
function ShowLayer(showEl) {
	clearTimeout(timer);
	if ((activeKey != showEl) && (headerImages)) changeImage(activeKey + "Btn",activeKey + "_off");
	activeKey = showEl;
	HideAllLayers();
	var menuDiv = showEl + "Div";
	if (headerImages) {
		changeImage(activeKey + "Btn",activeKey + "_on");
	}
	var whichAnchor = showEl + "A";
	showEl = "cm_" + showEl;

	if (DOM) {
		var whichEl = document.getElementById(showEl);
	}
	else {	
		var whichEl = (NS4) ? document.layers[showEl] : document.all[showEl].style;
		
	}
	if (IE4) {
		if (document.all[whichAnchor]){ 
			cmTop = findy(document.all[whichAnchor]) + vMenuOffset;
			cmLeft = findx(document.all[whichAnchor]);
		}
	}
	if (NS4) {
		for (i = 1; i < document.layers.length; i++) { 
			var divString = new String(document.layers[i].name);
			if (divString.indexOf(menuDiv) != -1) {
				if (document.layers[menuDiv].document.anchors[whichAnchor]) {
					cmTop = document.layers[menuDiv].y;
					cmLeft = document.layers[menuDiv].x;
					cmTop = cmTop + document.layers[menuDiv].document.anchors[whichAnchor].y + vMenuOffset;
					cmLeft = cmLeft + document.layers[menuDiv].document.anchors[whichAnchor].x;
				}
			}
			else {
				if (document.anchors[whichAnchor]) {
					cmTop = document.anchors[whichAnchor].y + vMenuOffset;
					cmLeft = document.anchors[whichAnchor].x;
				}
			}
		}
	}
	if (DOM){	
		if (document.anchors[whichAnchor]){
			cmTop = findy(document.anchors[whichAnchor]) + vMenuOffset;
			cmLeft = findx(document.anchors[whichAnchor]);
		}
	}
	if (DOM) {
		whichEl.style.top = cmTop;
		whichEl.style.left = cmLeft;
		whichMenu = whichEl;
		mvis = setTimeout('makeVisible()',1);
	}
	else {	
		whichEl.top = cmTop;
		whichEl.left = cmLeft;
		whichMenu = whichEl;
		if (NS4) mvis = setTimeout('makeVisible()',1);
		else whichEl.visibility = "visible";
	}
}



// find x and y of anchor calling ShowLayer function
function findy(item) {
	if (item.offsetParent) {
		return item.offsetTop + findy(item.offsetParent);
	}
	else {
		return item.offsetTop;
	}
}


function findx(item) {
	if (item.offsetParent) {
		return item.offsetLeft + findx(item.offsetParent);
	}
	else {
		return item.offsetLeft;
	}
}




// deactivate menus
function HideAllLayers() {
	for (i = 1; i < menuList.length; i++) { 
		whichEl = "cm_" + menuList[i];
		if (DOM) whichEl = document.getElementById(whichEl);
		else whichEl = (NS4) ? document.layers[whichEl] : document.all[whichEl].style;
		if (!isOver) {
			if (DOM) whichEl.style.visibility = "hidden";
			else whichEl.visibility = "hidden";
			if (headerImages) changeImage(activeKey + "Btn",activeKey + "_off");
		}		
	}
}



// maintain layer visibility
function OverLayer() {
	clearTimeout(timer);
	isOver = true;
}

// initiate deactivation clock
function OutLayer() {
	clearTimeout(timer);
	isOver = false;
	timer = setTimeout("HideAllLayers()",cmDelay);
}



// End of Dropdown Menu code





// ----------------------------------------------------------------

// ----------------------------------------------------------------


// Open featureless popup window of fixed, specified size 50px from top left
function openPopup(url,width,height) {
  popupWin = window.open(url, 'popupWin', 'menubar=0,toolbar=0,location=0,directories=0,status=0,scrollbars=0,resizable=0,width=' +width +',height=' +height +',left=50,top=50');
}