function selectTab(tabNo) {        
    // hide all tab contents
	document.getElementById("tabContent1").style.display = "none";
	document.getElementById("tabContent2").style.display = "none";
    document.getElementById("tabContent3").style.display = "none";

    // Show the selected tab content
    try {
    	document.getElementById("tabContent" + tabNo).style.display = "table-row";
    }
    catch (iestupidproblem) { // IE fix
    	document.getElementById("tabContent" + tabNo).style.display = "block";
    }
    
    // Set the border color
    var borderColor = "#347692";

    switch ("tab" + tabNo) {
        case "tab1": borderColor = "#347692"; break;
        case "tab2": borderColor = "#9774A0"; break;
        case "tab3": borderColor = "#BB0321"; break;             
    }

    var tabsElt = document.getElementById("tabs");
    var tabsCol = tabsElt.getElementsByTagName("td");
    for (i = 0; i < tabsCol.length; i++) {            
        tabsCol[i].style.borderBottomColor = borderColor;
    }
}

function showGRIData(elt, tabNo) {

	var tabs = elt.parentNode.parentNode.getElementsByTagName("li");

	for (i = 0; i < tabs.length; i++)
		tabs[i].firstChild.className = "";

	elt.className = "selected";

	if (tabNo == -1) {
		for (i = 0; i < tabs.length - 1; i++)
			document.getElementById("tabContent" + i).style.display = "block";
	}
	else {
		for (i = 0; i < tabs.length - 1; i++)
			document.getElementById("tabContent" + i).style.display = "none";

		document.getElementById("tabContent" + tabNo).style.display = "block";
	}
}