function hoveronSubAStngs(tab) {
    var tabClass = document.getElementById(tab).className;
    if(tabClass != "SubAStngsTabOnB" && tabClass != "SubAStngsTabOnA" ) {
      document.getElementById(tab).className = "SubAStngsTabHover";
    }
}
function hoveroffSubAStngs(tab) {
    var tabClass = document.getElementById(tab).className;
    if(tabClass != "SubAStngsTabOnB" && tabClass != "SubAStngsTabOnA" ) {
      document.getElementById(tab).className = "SubAStngsTabOff";
    }
}
function changeTabSubAStngs(divId, tab) {
    document.getElementById('SubAStngsA').style.display = "none";
    document.getElementById('SubAStngsB').style.display = "none";
    document.getElementById('SubAStngsC').style.display = "none";	
    document.getElementById('SubAStngsD').style.display = "none";	
    document.getElementById(divId).style.display  = "block";
    document.getElementById('SubAStngsTabA').className = "SubAStngsTabOff";
    document.getElementById('SubAStngsTabB').className = "SubAStngsTabOff";
    document.getElementById('SubAStngsTabC').className = "SubAStngsTabOff";
    document.getElementById('SubAStngsTabD').className = "SubAStngsTabOff";	
	if(document.getElementById(tab) == document.getElementById('SubAStngsTabA'))
	{
	   document.getElementById(tab).className = "SubAStngsTabOnA";
	}else
	   document.getElementById(tab).className = "SubAStngsTabOnB";
}