/*********************************************
	VARIOUS FUNCTION REQUIRED FOR GET ANCHOR
*********************************************/
function AnchorPosition_getPageOffsetLeft (el) {
	var ol=el.offsetLeft;
	while ((el=el.offsetParent) != null) { ol += el.offsetLeft; }
	return ol;
}
function AnchorPosition_getWindowOffsetLeft (el) {
	return AnchorPosition_getPageOffsetLeft(el)-document.body.scrollLeft;
}	
function AnchorPosition_getPageOffsetTop (el) {
	var ot=el.offsetTop;
	while((el=el.offsetParent) != null) { ot += el.offsetTop; }
	return ot;
}
function AnchorPosition_getWindowOffsetTop (el) {
	return AnchorPosition_getPageOffsetTop(el)-document.body.scrollTop;
}
/*********************************************
	GET ANCHOR POSITION
*********************************************/
function getAnchorPosition(anchorname) {
	// This function will return an Object with x and y properties
	var useWindow=false;
	var coordinates=new Object();
	var x=0,y=0;
	// Browser capability sniffing
	var use_gebi=false, use_css=false, use_layers=false;
	if (document.getElementById) { use_gebi=true; }
	else if (document.all) { use_css=true; }
	else if (document.layers) { use_layers=true; }
	// Logic to find position
 	if (use_gebi && document.all) {
		x=AnchorPosition_getPageOffsetLeft(document.all[anchorname]);
		y=AnchorPosition_getPageOffsetTop(document.all[anchorname]);
	}
	else if (use_gebi) {
		var o=document.getElementById(anchorname);
		x=AnchorPosition_getPageOffsetLeft(o);
		y=AnchorPosition_getPageOffsetTop(o);
	}
 	else if (use_css) {
		x=AnchorPosition_getPageOffsetLeft(document.all[anchorname]);
		y=AnchorPosition_getPageOffsetTop(document.all[anchorname]);
	}
	else if (use_layers) {
		var found=0;
		for (var i=0; i<document.anchors.length; i++) {
			if (document.anchors[i].name==anchorname) { found=1; break; }
		}
		if (found==0) {
			coordinates.x=0; coordinates.y=0; return coordinates;
		}
		x=document.anchors[i].x;
		y=document.anchors[i].y;
	}
	else {
		coordinates.x=0; coordinates.y=0; return coordinates;
	}
	coordinates.x=x;
	coordinates.y=y;
	return coordinates;
}
/*********************************************
	SEARCH ARRAY
*********************************************/
function searchArray(str,arr) {
	arrlen = arr.length;
	loadArrays()
	found = false;
	id = -1;
	for (i=0;i<arrlen;i++) {
		if (arr[i].toString() == str) {
			found = true;
			id = i;
			break;
		}
	}
	return id;
}
/*********************************************
	LOAD ARRAYS
*********************************************/
function loadArrays() {
	menuArr = new Array(2);
	menuIdArr = new Array(2);
	menuArr[0] = "lHowItWorks";
	menuArr[1] = "lTheGrant";		
	menuArr[2] = "lLessonPlans";
	menuArr[3] = "lSupportMaterials";		
	menuArr[4] = "lAwards";		
	menuArr[5] = "lRegisterMySchool";
	menuIdArr[0] = 131;
	menuIdArr[1] = 133;
	menuIdArr[2] = 135;
	menuIdArr[3] = 137;
	menuIdArr[4] = 136;		
	menuIdArr[5] = 999;	
}
sectionid = 0;
/*********************************************
	LOAD MENU
*********************************************/
function loadMenu(section) {	
	//load login box
	checkLoginBox();
	sectionid = section;
	loadArrays();
	id = searchArray(section,menuIdArr);	
	si = document.getElementById('subitems');
	if (si != null) {
		moveMenu();	
	}
	if (id != -1) {
		layer = menuArr[id].toString();
		var c = getAnchorPosition(layer);
		el = document.getElementById(layer);
		yc = (c.y+el.offsetHeight)-10;
		el2 = document.getElementById('submenu');
		if (si == null) {
			imagesrc = "btn"+layer.substr(1,layer.length);
			image = layer.substr(1,layer.length).toLowerCase()+"selected.png";
			document[imagesrc].src = "/challenge/images/leftnav/"+image;
			document.getElementById(layer).style.zIndex = 999;
			showMenu(false);
		} else {
			el2.style.top = yc+'px';
			positionMenu(layer);
		}
	} else {
		showMenu(false);
	}
}
/*********************************************
	MOVE MENU
*********************************************/
function moveMenu() {
	loadArrays();
	for (x=0;x<menuArr.length;x++) {
		layer = menuArr[x].toString();
		var c = getAnchorPosition(layer);
		document.getElementById(layer).style.top = (c.y-60)+'px';	
	}
}
/*********************************************
	POSITION MENU
*********************************************/
function positionMenu(layer) {	
	loadArrays()
	imagesrc = "btn"+layer.substr(1,layer.length);
	image = layer.substr(1,layer.length).toLowerCase()+"selected.png";
	document[imagesrc].src = "/challenge/images/leftnav/"+image;
	document.getElementById(layer).style.zIndex = 999;
	id = searchArray(layer,menuArr);
	for (x=(id+1);x<menuArr.length;x++) {
		eli = menuArr[x].toString();
		var c = getAnchorPosition(eli);
		el = document.getElementById('submenu');
		document.getElementById(eli).style.top = (c.y+el.offsetHeight+10)+'px';
	}
	cit = document.getElementById(menuArr[5].toString());
	var cPos = getAnchorPosition(menuArr[5].toString());
	citPos = cit.offsetHeight+cPos.y;
	pos = citPos+37;
	document.getElementById('citlogo').style.top = pos+'px';
	document.getElementById('cotlogo').style.top = (pos+55)+'px';
	showMenu(true);
}
/*********************************************
	SHOW MENU
*********************************************/
function showMenu(showSubMenu) {
	for (x=0;x<menuArr.length;x++) {
		eli = menuArr[x].toString();
		el = document.getElementById(eli);
		el.style.visibility = 'visible';
	}
	el = document.getElementById('submenu');
	if (showSubMenu) {		
		el.style.visibility = 'visible';
	} else {
		el.style.visibility = 'hidden';
	}
	citl = document.getElementById('citlogo');
	citl.style.visibility = 'visible';
	
	cotl = document.getElementById('cotlogo');
	cotl.style.visibility = 'visible';
}
/*********************************************
	SWAP IMAGE FUNCTION FOR PNGS
*********************************************/
function wmSwapImage(id,image) {
	menuId = searchArray(sectionid,menuIdArr);
	if (menuId != -1) {
		if (menuArr[menuId].substr(1,menuArr[menuId].length) != id.substr(3,image.length)) {
			document.getElementById(arguments[0]).src = arguments[1];
		}	
	} else {
		document.getElementById(arguments[0]).src = arguments[1];
	}
}
/*********************************************
	DROP DOWN MENU
*********************************************/
startList = function() {
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("items");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}