function tab1Click()
{
    showDiv('content1');
    hideDiv('content2');
    hideDiv('content3');
    highlightNav('tab1');
    unhighlightNav('tab2');
    unhighlightNav('tab3');
}

function tab2Click()
{
    hideDiv('content1');
    showDiv('content2');
    hideDiv('content3');
    unhighlightNav('tab1');
    highlightNav('tab2');
    unhighlightNav('tab3');
}

function tab3Click()
{
    hideDiv('content1');
    hideDiv('content2');
    showDiv('content3');
    unhighlightNav('tab1');
    unhighlightNav('tab2');
    highlightNav('tab3');
}

function showDiv(strId)
{
    if (document.getElementById(strId))
    {
        document.getElementById(strId).style.display = "block";
    }
}

function hideDiv(strId)
{
    if (document.getElementById(strId))
    {
        document.getElementById(strId).style.display = "none";
    }
}

function highlightNav(strId)
{
    if (document.getElementById(strId))
    {
        if (String(document.getElementById(strId).className).indexOf("vCenterSingleLine") != -1)
        {
            document.getElementById(strId).className = "vCenterSingleLine navOn";
        }
        else
        {
            document.getElementById(strId).className = "navOn";
        }
    }
}

function unhighlightNav(strId)
{
    if (document.getElementById(strId))
    {
        if (String(document.getElementById(strId).className).indexOf("vCenterSingleLine") != -1)
        {
            document.getElementById(strId).className = "vCenterSingleLine navOff";
        }
        else
        {
            document.getElementById(strId).className = "navOff";
        }
    }
}