/*-----------------------------------------------------------------------
<a href="javascript:show_hide('div#id#', 'img_#id#', '/images/arrowright.gif', '/images/arrowdown.gif');"><img name="img_#id#" src="/images/arrowright.gif" border="0">Click</a>

this works with a div with the following:
if ns and version < 6
	<div id="div#id#" style="visibility:hide; position:relative; ">
else
	<div id="div#id#" style="display:none; position:relative;">

-------------------------------------------------------------------------*/
// function to show/hide a div
function show_hide(varN, varImage, imgUp, imgDown){
	var browser = getBrowser();
	// Our div
	var thediv = null;
	if (browser == "ns4") 
		thediv = eval("self.document."+varN);
	else if (browser == "ns6") 
		thediv = eval("self.document.getElementById('" + varN + "')");
	else 
		thediv = eval("self." + varN + ".style");

	switchImage(browser, varImage, imgUp, imgDown);

	if ( browser == "ns4" ){
		switchVisible(thediv, browser);
	}
	else{
		switchDisplay(thediv, browser);
	}
}

function getBrowser(){
	// Decide browser version
	//alert("navigator.userAgent: " + navigator.userAgent);
	var browser = "";
	if (document.layers)
		browser = "ns4";
	else if (document.all)
		browser = "ie4";
	else if (document.getElementById)
		browser = "ns6";
	// Microsoft Stupidity Check(tm).
	if ( browser == "ie4") {
		if ((navigator.userAgent.indexOf('MSIE 5') > 0) || (navigator.userAgent.indexOf('MSIE 6') > 0)) {
			browser = "ie5";
		}
	}
	//alert("browser: " + browser);
	return browser;
}

function switchVisible(obj, browser) {
	// determine if visible
	var visible = true;
	if (browser == "ns4") {
		if (obj.visibility == "hide") visible = false;
	}
	else if (browser == "ns6") {
		 if (obj.style.visibility == "hidden") visible = false;
	}
	else {
		if (obj.visibility == "hidden") visible = false;
	}
	// now switch it
	if (visible){
		if (browser == "ns4") obj.visibility = "hide";
		else if (browser == "ns6") obj.style.visibility = "hidden";
		else obj.visibility = "hidden";
	}
	else{
		if (browser == "ns4") obj.visibility = "show";
		else if (browser == "ns6") obj.style.visibility = "visible";
		else obj.visibility = "visible";
	}
}		

function switchDisplay(obj, browser) {
	// determine display
	bDisplay = true;
	if (browser == "ns4") {
		if (obj.display == 'none')
			bDisplay = false;
	}
	else if (browser == "ns6") {
		if (obj.style.display == 'none')
			bDisplay = false;
	}
	else {
		if (obj.display == 'none')
			bDisplay = false;
	}
	// now switch it
	if(bDisplay){
		display = 'none';
	}
	else{
		display = 'block';
	}
	//alert("set display = "+display);
	if (browser == "ns4") {
		obj.display = display;
	}
	else if (browser == "ns6") {
		obj.style.display = display;
	}
	else {
		obj.display = display;
	}
}
function switchImage(browser, varImage, imgUp, imgDown) {
	var img = eval("document." + varImage);
	src = img.src;
	src = src.toLowerCase();
	var found = src.indexOf(imgUp);
	//alert("src: " + src + "\nfound: " + found);
	if (found > 0) {
		img.src = imgDown;
	}
	else {
		img.src = imgUp;
	}
}