var mainColor = "#b5b5b5";
var mainInnerColor = "#e1e1e1";
var mainfontColor = "#000000";
var highlightColor = "#db2b2e";
var fonthighlightColor = "#FFFFFF";
var timerIDs = new Array();
var delay = 500;

function showMenu(rootId, id) {
	cancelHideMenuTimer(id);
	var rootElement = document.getElementById(rootId);
	var buttonElement = document.getElementById(id + "Button");
	var element = document.getElementById(id);
	hideAllMenus(rootElement);
	doHighlight(rootId, buttonElement);
	//   element.style.visibility = "visible"; // It's more correct, but nested windows break in Mozilla with this
	if (navigator.appName == "Microsoft Internet Explorer") {
		// What IE understands
		element.style.display = "block";
	} else {
		// The correct value according to W3C standards
		element.style.display = "table";
	}
}

function hideMenu(element) {
	var buttonElement = document.getElementById(element.id + "Button");
	unHighlight(buttonElement);
	var ar = element.getElementsByTagName("td");
	for (var i = 0; i < ar.length; i++) {
		if ((ar[i].className == "menuItem") || (ar[i].className == "innerMenuItem")) unHighlight(ar[i]);
	}
	//   element.style.visibility = "hidden";
	element.style.display = "none";
}

function hideAllMenus(rootelement) {
	var ar = rootelement.getElementsByTagName("table");
	for (var i = 0; i < ar.length; i++) {
		if (ar[i].className == "subMenu") hideMenu(ar[i]);
	}
}

function evalHideMenuTimer(id) {
	timerIDs[id] = 0;
	var element = document.getElementById(id);
	hideMenu(element);
}

function startHideMenuTimer(id) {
	cancelHideMenuTimer(id);
	timerIDs[id] = setTimeout("evalHideMenuTimer('" + id + "')", delay);
}

function cancelHideMenuTimer(id) {
	if (timerIDs[id] != 0) {
		clearTimeout(timerIDs[id]);
		timerIDs[id] = 0;
	}
}

function doHighlight(rootId, element) {
	var rootelement = document.getElementById(rootId);
	hideAllMenus(rootelement);
	var ar = rootelement.getElementsByTagName("td");
	for (var i = 0; i < ar.length; i++) {
		if ((ar[i].className == "menuItem") || (ar[i].className == "innerMenuItem")) unHighlight(ar[i]);
	}
	highlight(element);
}

function highlight(element) {
	var rootelement = element;
	var ar = rootelement.getElementsByTagName("a");

	element.style.background = highlightColor;
	element.style.color = fonthighlightColor;

	for (var i = 0; i < ar.length; i++) {
		if ((ar[i].className == "headernavlink2")) {
			ar[i].style.color = fonthighlightColor;
		}
	}
	element.style.cursor = 'pointer';
}

function unHighlight(element) {
	var rootelement = element;
	var ar = rootelement.getElementsByTagName("a");

	if (element.className == "innerMenuItem") element.style.background = mainInnerColor;
	else element.style.background = mainColor;
	element.style.color = mainfontColor;

	for (var i = 0; i < ar.length; i++) {
		if ((ar[i].className == "headernavlink2")) {
			ar[i].style.color = mainfontColor;
		}
	}
}

function hideSpecBars() {
	for (var i = 0; i < 5; i++) {
		if (document.getElementById('spectab'+i)) {
			document.getElementById('spectab'+i).style.color = "#c81b1b";
		}
		if (document.getElementById('spectabbg'+i)) {
			document.getElementById('spectabbg'+i).style.borderBottom = '1px solid #dcdbda';
			document.getElementById('spectabbg'+i).style.backgroundImage = 'url(/images/tab_unselected_n.gif)';
		}
		if (document.getElementById('spectabbg'+i+'w')) {
			document.getElementById('spectabbg'+i+'w').style.borderBottom = '1px solid #dcdbda';
			document.getElementById('spectabbg'+i+'w').style.backgroundImage = 'url(/images/tab_unselected_w.gif)';
		}
		if (document.getElementById('spectabbg'+i+'e')) {
			document.getElementById('spectabbg'+i+'e').style.borderBottom = '1px solid #dcdbda';
			document.getElementById('spectabbg'+i+'e').style.backgroundImage = 'url(/images/tab_unselected_e.gif)';
		}
	}
}

function init_page() {

	if (!printpage) {
		var ar = document.getElementsByTagName("img");
		var thisid = "";
		for (var i = 0; i < ar.length; i++) {
			if ((ar[i].className == "expandy_arrow")) {
				thisid = ar[i].id+"";
				thisid = thisid.substr(6);
				toggleViewID(thisid+"");
			}
		}
	
		if (document.getElementById('print_image')) {
			newhref = document.getElementById('print_image').href;
			newhref = "javascript:popUp('"+newhref+"',730,560)";
			document.getElementById('print_image').href = newhref;
			document.getElementById('print_image').target = "";
		}
	}

	

	if (document.getElementById('spectable') && !printpage) { document.getElementById('spectable').style.display = "none"; }
	if (document.getElementById('tabtable') && !printpage) { document.getElementById('tabtable').style.display = "block"; }
	for (var i = 0; i < 5; i++) {
		if (document.getElementById('spec'+i) && printpage != 1) { document.getElementById('spec'+i).style.display = "none"; }
	}
}



function showSpecBar(showid) {
	hideSpecBars();
	if (!printpage) {	
		document.getElementById('speccontent').innerHTML = document.getElementById('spec'+showid).innerHTML;
		document.getElementById('spectab'+showid).style.color = "black";
		document.getElementById('spectabbg'+showid).style.backgroundImage = 'url(/images/tab_selected_n.gif)';
		document.getElementById('spectabbg'+showid ).style.borderBottom = '1px solid white';

		document.getElementById('speccontent').style.width = "100%";
		if (document.getElementById('spectabbg'+showid+'w')) {
			document.getElementById('spectabbg'+showid+'w').style.borderBottom = '1px solid white';
			document.getElementById('spectabbg'+showid+'w').style.backgroundImage = 'url(/images/tab_selected_w.gif)';
		}
		if (document.getElementById('spectabbg'+showid+'e')) {
			document.getElementById('spectabbg'+showid+'e').style.borderBottom = '1px solid white';
			document.getElementById('spectabbg'+showid+'e').style.backgroundImage = 'url(/images/tab_selected_e.gif)';
		}
	}
}

function toggleVisibility (e) {
	if (e.style.display == 'none')
		document.getElementById(e).style.display = '';
	else
		document.getElementById(e).style.display = 'none';
}

function onVisibility (e) { document.getElementById(e).style.display = ''; }
function offVisibility (e) { document.getElementById(e).style.display = 'none'; }

function highlightLeftNav(e) {
	var targetElement = window.event ? window.event.srcElement : e.target;
	if (targetElement.className == 'liLN') {
		targetElement.style.background = '#ba2f2f';
	} else if (targetElement.parentNode.className == 'liLN') {
		targetElement.parentNode.style.background = '#ba2f2f';
	} 
}

function dimLeftNav(e) {
	var targetElement = window.event ? window.event.srcElement : e.target;
	if (targetElement.className == 'liLN') {
		targetElement.style.background = '#e6e4e4';
	} else if (targetElement.parentNode.className == 'liLN') {
		targetElement.parentNode.style.background = '#e6e4e4';
	} 
}

function onclickLeftNav(e) {
	var targetElement = window.event ? window.event.srcElement : e.target;
	//alert(targetElement.className);
	var elem = targetElement.nextSibling;
	if (elem) {
		if (elem.style) {
			if (elem.style.display == 'none')  {
				elem.style.display = '';
			} else {
				elem.style.display = 'none';
			}
		}
	}
}

function popUp(URL,WID,HIT) {
	day = new Date();
	id = day.getTime();
	var page = new Array();
	//page[id] = window.open(URL, '\'' + id + '\'', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, top=0, left=0, width= " + WID + ", height= " + HIT + ", left = 0, topmargin = 0');
	eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0, scrollbars=1, location=0, statusbar=0, menubar=1, resizable=1, top=40, left=40, width= " + WID + ", height= " + HIT + ", left = 0, topmargin = 0');");
}

function closeWindow(){
	window.opener = top;
	window.self.close();
}


var plusImg = new Image();
	plusImg.src = "/images/arrow_right.gif"
var minusImg = new Image();
	minusImg.src = "/images/arrow_down.gif"


function toggleImage (e)
{
	try {
		if (e.src.indexOf('arrow_down') != -1)
			e.src = '/images/arrow_right.gif';
		else
			e.src = '/images/arrow_down.gif';
	} catch(err) {
	}
}

function toggleVisibility (e) {
	try {
		if (e.style.display == 'none')
			e.style.display = '';
		else
			e.style.display = 'none';
	} catch(err) {
	}
}

function onVisibility (e) { e.style.display = ''; }
function offVisibility (e) { e.style.display = 'none'; }

function toggleViewID (whichID) {
	toggleVisibility(document.getElementById('id_' + whichID));
	toggleImage(document.getElementById('image_' + whichID));
}


function changeText (elem, newValue) {
	document.getElementById(elem).innerHTML = newValue;
}