var LINE_HEIGHT = "16px";
var ARROW_CLOSED = "/include/images/arrow.gif";
var ARROW_OPEN = "/include/images/arrowDown.gif";
var TOP_NAV_SHADE = "#F2CD70";
var TOP_NAV_NORMAL = "#F0BF49";
var SUB_NAV_SHADE = "#D3D8FF";
var SUB_NAV_NORMAL = "#B8BCE1";


window.onload = setEvents;



// Register Events Here
function setEvents() {
	if(typeof(load) == 'function')	{
		load();
	}
	
	//alert("setting events");
	if (document.getElementsByTagName) {
		var divs = document.getElementsByTagName('div');
	} else if (document.all) {
		var divs = document.all.tags('div');
	} else {
		return;
	}
	for (var i=0; i < divs.length; i++) {
		switch(divs[i].className) {
			case 'side-nav-item':
				divs[i].onclick = openMyMenu;
				var menuItems = divs[i].getElementsByTagName('li');
				for( var j=0; j < menuItems.length; j++) {
						menuItems[j].onmouseover = shadeSNMenu;
						menuItems[j].onmouseout = unshadeSNMenu;
				}
				break;
			case 'side-nav-search':
				divs[i].onclick = openSearch;
				break;
			case 'top-nav-item':
				divs[i].onmouseover = shadeTNMenu;
				divs[i].onmouseout = unshadeTNMenu;
				break;
			case 'content':
				divs[i].onmousedown = closeAllMenus;  //close menus when clicking off the sidebar
				break;
			default: 
				break;
		}
	}
}


// Functions
function openMyMenu() {
	
	var arrow = this.getElementsByTagName('img')[0];  // NOTE: This will only work if the arrow is the first image in the block 
	var block = this.getElementsByTagName('div')[0];  // NOTE: This will only work if the div is the first image in the block 
	
	if(block.style.display == "block" && this.id != "snSearch") {  // if the menu is clicked and open, then toggle it closed
		this.style.height = LINE_HEIGHT;
		block.style.display = "none";
		arrow.src = ARROW_CLOSED;
	} else {
		closeAllMenus();
		if( !navigator.appName == "Microsoft Internet Explorer" || window.XMLHttpRequest) {
			//exclude IE6-
			this.style.height = "auto";
		} 
		block.style.display = "block";
		arrow.src = ARROW_OPEN;
		if(this.id == "snSearch") {
			document.searchForm.q.focus();
		}
	}
}

function closeAllMenus() {
	if (document.getElementsByTagName) {
		var x = document.getElementsByTagName('div');
	} else if (document.all) {
		var x = document.all.tags('div');
	} else {
		return;
	}
	for (var i=0; i < x.length; i++) {
		if(x[i].className == 'side-nav-item') {
			var arrow = x[i].getElementsByTagName('img')[0];  // NOTE: This will only work if the arrow is the first image in the block 
			var block = x[i].getElementsByTagName('div')[0];
			x[i].style.height = LINE_HEIGHT;
			block.style.display = "none";
			arrow.src = ARROW_CLOSED;
		}
	}
}

function shadeTNMenu() {
	this.style.background = TOP_NAV_SHADE;
	//alert("done dropping menu: " + block.className);
}

function unshadeTNMenu() {
	this.style.background = TOP_NAV_NORMAL;	
}

function shadeSNMenu() {
	this.style.background = SUB_NAV_SHADE;
	//alert("done dropping menu: " + block.className);
}

function unshadeSNMenu() {
	this.style.background = SUB_NAV_NORMAL;	
}