function toggleTab(index, tabName) {
	var el = document.getElementsByName(tabName);
	for (var i = 0; i < el.length; i++) {
		tabDeSelected(el[i]);
	}
	tabSelected(el[index]);
}

function tabSelected(element) {
	try {
		element.style.backgroundColor = "#DDDDDD";
	} catch (e) {}
}

function tabDeSelected(element) {
	try {
		element.style.backgroundColor = "#FFFFFF";
	} catch (e) {}
}

function toggleDisplay(id) {
	var el = document.getElementById(id);
	if (el == null)
		return;
	if (el.style.display == null || el.style.display == "none") 
		el.style.display = "block";
	else
		el.style.display = "none";
}

function fnDisplay(id) {
	toggleDisplay(id);
}

function toggleGroup(id, no) {
	var el = document.getElementsByName(id);
	if (el == null || el.length == 0)
		return;
	for (var i = 0; i < el.length; i++) {
		if (i == no) 
			el[i].style.display = "block";
		else
			el[i].style.display = "none";
	} 
}

function toggleGroup2(id, no) {
	var el = document.getElementsByName(id);
	if (el == null || el.length == 0)
		return;
	for (var i = 0; i < el.length; i++) {
		if (i == no) {
			if (el[i].style.display == "none"){
				el[i].style.display = "block";	
			}else{
				el[i].style.display = "none";			
			}
		}else{
			el[i].style.display = "none";
		}
	} 
}

function showDisplay(id) {
	var el = document.getElementById(id);
	if (el == null)
		return;
	if (el.style.display == null || el.style.display == "none") 
		el.style.display = "block";
}

function hideDisplay(id) {
	var el = document.getElementById(id);
	if (el == null)
		return;
	if (el.style.display == "" || el.style.display == "block") 
		el.style.display = "none";
}