function tabClick(v)
{
    tabReset();
    v.className="tabActive";
    document.getElementById("cell"+v.id.substring(3)).className="tabDetailActive";
}
function tabReset()
{
    var tabArr=document.getElementsByTagName("td")
    for(var i=0;i<tabArr.length;i++)
    {
        if(tabArr[i].id.substring(0,4)=="cell")
        { tabArr[i].className="tabDetail"; }
        else if(tabArr[i].id.substring(0,3)=="tab")
        { tabArr[i].className="tab"; }
    }
}

/*document.body.onload +=*/ setFirstTab();
function setFirstTab()
{
    var arr = document.getElementsByTagName("td");
    for(var i=0;i<arr.length;i++)
    {
        if(arr[i].id.substring(0,3)=="tab")
        {
            tabClick(document.getElementById(arr[i].id));
            break;
        }
    }
}