// a = a href
// b = div 
// d = divivder
// l = layer
// t = tab/td
// hi = image
var currentTabID; 
var menuWidth = 160

// i = image
var _staging = false
function createHeaderImageCache(){
	for(var i=0;i<arguments.length;i++){
		var item = arguments[i]
		cacheImage("h" + item[0], 
			"/new_mission/images/header/" + ((_staging)?"_staging/":"") + item[1] + ".gif", 
			"/new_mission/images/header/" + ((_staging)?"_staging/":"") + item[1] + ".gif"
		)
	}
}

var _headerTimer;
/*************** HEADER OUT ***************/
function headerOut(){
	clearTimeout(_headerTimer);
	_headerTimer = setTimeout("tabOff()", 500);
}

/*************** HEADER OVER ***************/
function headerOver(){
	clearTimeout(_headerTimer);
}

/*************** TAB ON ***************/
function tabOn(ID, imageID){
	headerOver()

	if(!window.document.onmouseup) window.document.onmouseup = tabOff
	if(!window.onresize) window.onresize = tabOff

	if(currentTabID == ID)return

	ID = parseInt(ID)

	tabOff();
	
	imageOn("h" + ID);

	setElementClassName("d" + (ID+1), "utilDivOn")
	setElementClassName("d" + (ID-1), "utilDivOn")

	if($("l" + ID)){
		setElementClassName("a" + ID, "active")
		showElement( $("l" + ID), getMenuLeft(ID), getMenuTop(ID) )
	} else {
		setElementClassName("a" + ID, "activeWithOutMenu")
	}
	currentTabID = ID;
}


/*************** TAB OFF ***************/
function tabOff(){
	if(!currentTabID) return 

	currentTabID = parseInt(currentTabID)

	imageOff("h" + currentTabID);

	hideElement( $("l" + currentTabID) )
	
	setElementClassName("d" + (currentTabID+1), "utilDivOff")
	setElementClassName("d" + (currentTabID-1), "utilDivOff")
	setElementClassName("a" + currentTabID, "")

	currentTabID = false
}

/*************** GET ELEMENT ***************/
function getElement(id){
	if(document.all){return document.all[id];}
	if(document.getElementById){return document.getElementById(id);}
	return null;
}
if(!window.$){window.$ = getElement;}

/******************** SHOW ELEMENT ***************/
function showElement(element, left, top){
	if(!element) return
	element.style.left = parseInt(left) + "px"
	element.style.top = parseInt(top) + "px"

	element.style.visibility = "visible"
}

/******************** HIDE ELEMENT ***************/
function hideElement(element){
	if(!element) return
	element.style.visibility = "hidden"
}

/******************** SET ELEMENT CLASS NAME  ***************/
function setElementClassName(ID, className){
	if($(ID))
		$(ID).className = className
}

/******************** SET TEXT COLOR ***************/
function setTextColor(element, color){
	if(typeof element == "string")
		element = $(element)

	if(element) if(element.style) element.style.color = color
}

/******************** SET BG COLOR ***************/
function setBgColor(element, color){
	if(element) if(element.style) element.style.backgroundColor = color
}

/******************** GET MENU LEFT ***************/
function getMenuLeft(ID){
	var element = $("t" + ID)

	var left = getOffsetLeft(element)

	if( (left + menuWidth) > getWindowWidth())
		return getWindowWidth()-menuWidth
	else
		return left

	// get window width
	function getWindowWidth(){
		if(typeof window.innerWidth != "undefined"){return window.innerWidth-20} 
		if(typeof document.body != "undefined"){return document.body.clientWidth} 
		return false
	}

	// get offset left
	function getOffsetLeft(element){
		var left = 0;
		if (element.offsetParent) { // internet explorer
			while (element.offsetParent) {
				left += element.offsetLeft
				element = element.offsetParent;
			}
		} else if (element.x) { // other browsers
			left = element.x;
		}
		return left;
	}
}

/******************** GET MENU TOP ***************/
function getMenuTop(ID){
	var element = $("t" + ID)
	return getOffsetTop(element) + element.offsetHeight + ((isSAFARI)?5:0)

	// get offset top
	function getOffsetTop(element){
		var top = 0;
		if (element.offsetParent) { // internet explorer
			while (element.offsetParent) {
				top += element.offsetTop
				element = element.offsetParent;
			}
		} else if (element.x) { // other browsers
			top = element.x;
		}
		return top; 
	}
}

/******************** OPEN HREF ***************/
function openHref(ID){
	location = $("a" + ID).href
}

/******************** REMOVE THIRD COLUMN ***************/
function removeThirdColumn(){
	$("thirdColumnBackGround").style.backgroundImage = "none"
	$("thirdColumn").style.display = "none"
	$("middleThreeColumn").style.paddingRight = "90px"
}

// IE header menu width fix
document.write('<!--[if IE]><STYLE>.utilNavMenu A {width:140px;}</STYLE><![endif]-->')