// Get an obj to use by its id/name.
function getItem(id) {
	var itm = false;
	if(document.getElementById)
		itm = document.getElementById(id);
	else if(document.all)
		itm = document.all[id];
	else if(document.layers)
		itm = document.layers[id];

	return itm;
}

// Show item by id/name
function showId(targetId) {
	tg = getItem(targetId);
	if (tg != null) {
		showObj(tg);
	}
	
}

// Show item by obj
function showObj(tg) {
	
	if (tg.nodeName.toUpperCase() == "TR") {	//if its a table row
		if (browserIsIE()) {
			tg.style.display = "block";
		}
		else {
			tg.style.display = "table-row";
		}
	}
	else {
		tg.style.display = "block";
	}

	tg.style.visibility = "visible";
}

// Hide item by id/name
function hideId(targetId) {
	
	tg = getItem(targetId);
	if(tg != null){
		hideObj(tg);
	}
}

// Hide item by obj
function hideObj(tg) {
	tg.style.display = "none";
}

// Toggle hide/show by id/name
function toggleId(targetId) {
	target = getItem(targetId);
	if ((target.style.display == "") || (target.style.display == "block") || (target.style.display == "inline")) {
		hideId(targetId);
	}
	else {
		showId(targetId);
	}
}