var currentSelectedTabId =  'newsTab';
var currentSelectedDivId = 'tabNewsContent';

function tabMouseOver(tabId)
{
    // Dont do anything if we are mousing over the already selected tab
    if(tabId == currentSelectedTabId)
	return;

    var selectedTab = document.getElementById(tabId);
    selectedTab.className = 'highlighted';
}

function tabMouseOut(tabId)
{
    // Dont do anything if we are mousing over the already selected tab
    if(tabId == currentSelectedTabId)
	return;

    var selectedTab = document.getElementById(tabId);
    selectedTab.className = 'unselected';
}

function tabClick(tabId, showDivId)
{
    var selectedTab = document.getElementById(tabId);
    var currentTab = document.getElementById(currentSelectedTabId);
    currentTab.className = 'unselected';
    selectedTab.className = 'selected';
	
    var selectedDiv = document.getElementById(showDivId);
    var currentDiv = document.getElementById(currentSelectedDivId);

    currentDiv.className = 'tabHide';
    selectedDiv.className = 'tabShow';

    currentSelectedTabId = tabId;
    currentSelectedDivId = showDivId;
}