function switchToTab(tabName)
{
    var tab = document.getElementById(tabName);
    var prevtabname = document.getElementById('currentTab');
    if (prevtabname.value != '')
    {
        var prevtab = document.getElementById(prevtabname.value);
        document.getElementById(prevtabname.value + 'Button').className = 'tabButtonUnactive';
        /*document.getElementById(prevtabname.value + 'Button').style.color = '#000000';
        document.getElementById(prevtabname.value + 'Button').style.borderColor = '#000000';
        document.getElementById(prevtabname.value + 'Button').style.backgroundColor = '#CCCCCC';
        document.getElementById(prevtabname.value + 'Button').style.borderWidth = '1px';
        document.getElementById(prevtabname.value + 'Button').style.top = '0px';*/
        prevtab.style.display = 'none';
    }
    if (tab)
    {
        tab.style.display = 'block';
        prevtabname.value = tabName;
        document.getElementById(prevtabname.value + 'Button').className = 'tabButtonActive';
        /*document.getElementById(prevtabname.value + 'Button').style.fontWeight = 'bold';
        document.getElementById(prevtabname.value + 'Button').style.color = '#FFFFFF';
        document.getElementById(prevtabname.value + 'Button').style.borderColor = '#D21C5B';
        document.getElementById(prevtabname.value + 'Button').style.backgroundColor = '#D21C5B';
        document.getElementById(prevtabname.value + 'Button').style.borderWidth = '2px';
        document.getElementById(prevtabname.value + 'Button').style.top = '-8px';*/
    }
    
    if (tabName == 'mapTab' && needsToFit)
    {
        setTimeout('fitMap()', 10);
        needsToFit = false;
    }
		
	// save state
	if (typeof saveState == "function")
	    saveState();
}