function hoveronStngs(tab) {
    var tabClass = document.getElementById(tab).className;
    if(tabClass != "StngsTabOnB" && tabClass != "StngsTabOnA" ) {
      document.getElementById(tab).className = "StngsTabHover";
    }
}
function hoveroffStngs(tab) {
    var tabClass = document.getElementById(tab).className;
    if(tabClass != "StngsTabOnB" && tabClass != "StngsTabOnA" ) {
      document.getElementById(tab).className = "StngsTabOff";
    }
}
function changeTabStngs(divId, tab) {
    document.getElementById('StngsA').style.display = "none";
    document.getElementById('StngsB').style.display = "none";
    document.getElementById(divId).style.display  = "block";
    document.getElementById('StngsTabA').className = "StngsTabOff";
    document.getElementById('StngsTabB').className = "StngsTabOff";
	if(document.getElementById(tab) == document.getElementById('StngsTabA'))
	{
	   document.getElementById(tab).className = "StngsTabOnA";
	}else
	   document.getElementById(tab).className = "StngsTabOnB";
}