// JavaScript Document

var arrowright = new Image();
arrowright.src = "/images/arrowrightb.gif";
var arrowdown = new Image();
arrowdown.src = "/images/arrowdownb.gif";

// Function does a show/hide attribute for tables.
// The first argument is the id of an image tag which controls the showing and hiding.
// The 2nd argument is a table, row or column which is hidden or not.
// sType is either "table", "tr" or "td" - if blank, then something else 

function showHide(Hider, Hidee, sType)
{
    var objBtn = document.getElementById(Hider);
    var objItem= document.getElementById(Hidee);
	var	objImg = document.getElementById(Hidee + "arrow");

	if (objBtn.title == 'show')
    {
		if(navigator.appName == "Microsoft Internet Explorer"){
	        objItem.style.display = 'block';
		}
		else { 	
			switch (sType)
			{
				case "table":		
					objItem.style.display = 'table';
					break;
				case "tr":
					objItem.style.display = 'table-row';
					break;
				case "td":
					objItem.style.display = 'table-cell';
					break;
				default:
					objItem.style.display = 'inline';
					break;
			}
		}
        objBtn.title = 'hide';
		objImg.src = arrowdown.src;
    }
    else {
        objItem.style.display = 'none';
        objBtn.title = 'show';
		objImg.src = arrowright.src;		
    }
}