function hoveronSubBStngs(tab) {
    var tabClass = document.getElementById(tab).className;
    if(tabClass != "SubBStngsTabOnB" && tabClass != "SubBStngsTabOnA" ) {
      document.getElementById(tab).className = "SubBStngsTabHover";
    }
}
function hoveroffSubBStngs(tab) {
    var tabClass = document.getElementById(tab).className;
    if(tabClass != "SubBStngsTabOnB" && tabClass != "SubBStngsTabOnA" ) {
      document.getElementById(tab).className = "SubBStngsTabOff";
    }
}
function changeTabSubBStngs(divId, tab) {
    document.getElementById('SubBStngsA').style.display = "none";
    document.getElementById('SubBStngsB').style.display = "none";
    document.getElementById('SubBStngsC').style.display = "none";	
    document.getElementById('SubBStngsD').style.display = "none";	
    document.getElementById(divId).style.display  = "block";
    document.getElementById('SubBStngsTabA').className = "SubBStngsTabOff";
    document.getElementById('SubBStngsTabB').className = "SubBStngsTabOff";
    document.getElementById('SubBStngsTabC').className = "SubBStngsTabOff";
    document.getElementById('SubBStngsTabD').className = "SubBStngsTabOff";	
	if(document.getElementById(tab) == document.getElementById('SubBStngsTabA'))
	{
	   document.getElementById(tab).className = "SubBStngsTabOnA";
	}else
	   document.getElementById(tab).className = "SubBStngsTabOnB";
}