//JavaScript

function changeTab(tabName){

    var setHref = new Array("javascript:changeTab('tab0');",
                            "javascript:changeTab('tab1');",
                            "javascript:changeTab('tab2');",
                            "javascript:changeTab('tab3');",
                            "javascript:changeTab('tab4');",
                            "javascript:changeTab('tab5');");
                            
    var setClassName = new Array("","","","","","");
    var setDisplay = new Array("none","none","none","none","none","none");

    // コントロールを開く(TODO:選択済みの時はonclickで開く必要あり）
    expandPanelDock();
    
    switch(tabName){
        case "tab0":
            setHref[0] = "javascript:void(0);";
            setClassName[0] = "tabOn";
            setDisplay[0] = "";
            break;

        case "tab1":
            setHref[1] = "javascript:void(0);";
            setClassName[1] = "tabOn";
            setDisplay[1] = "";
            break;

        case "tab2":
            setHref[2] = "javascript:void(0);";
            setClassName[2] = "tabOn";
            setDisplay[2] = "";
            break;

        case "tab3":
            setHref[3] = "javascript:void(0);";
            setClassName[3] = "tabOn";
            setDisplay[3] = "";
            break;

        case "tab4":
            setHref[4] = "javascript:void(0);";
            setClassName[4] = "tabOn";
            setDisplay[4] = "";
            break;

        case "tab5":
            setHref[5] = "javascript:void(0);";
            setClassName[5] = "tabOn";
            setDisplay[5] = "";
            break;
    }
    
    var tab0 = document.getElementById("tabmenu0");
    if(tab0 != null){
        tab0.href = setHref[0];
        tab0.className = setClassName[0];
    }
    var tab0uc = document.getElementById("tabData0");
    if(tab0uc != null){
        tab0uc.style.display = setDisplay[0];
        if(setDisplay[0].length == 0 && $find("ucTab01_TabContainer1") != null) {
            $find("ucTab01_TabContainer1").set_activeTabIndex($find("ucTab01_TabContainer1").get_activeTabIndex());
        }
    }
    
    var tab1 = document.getElementById("tabmenu1");
    if(tab1 != null){
        tab1.href = setHref[1];
        tab1.className = setClassName[1];
    }
    var tab1uc = document.getElementById("tabData1");
    if(tab1uc != null){
        tab1uc.style.display = setDisplay[1];
        if(setDisplay[1].length == 0) {
            $find("ucTab11_TabContainer1").set_activeTabIndex($find("ucTab11_TabContainer1").get_activeTabIndex());
        }
    }

    var tab2 = document.getElementById("tabmenu2");
    if(tab2 != null){
        tab2.href = setHref[2];
        tab2.className = setClassName[2];
    }
    var tab2uc = document.getElementById("tabData2");
    if(tab2uc != null){
        tab2uc.style.display = setDisplay[2];
        if(setDisplay[2].length == 0) {
            $find("ucTab21_TabContainer1").set_activeTabIndex($find("ucTab21_TabContainer1").get_activeTabIndex());
        }
    }

    var tab3 = document.getElementById("tabmenu3");
    if(tab3 != null){
        tab3.href = setHref[3];
        tab3.className = setClassName[3];
    }
    var tab3uc = document.getElementById("tabData3");
    if(tab3uc != null){
        tab3uc.style.display = setDisplay[3];
    }

    var tab4 = document.getElementById("tabmenu4");
    if(tab4 != null){
        tab4.href = setHref[4];
        tab4.className = setClassName[4];
    }
    var tab4uc = document.getElementById("tabData4");
    if(tab4uc != null){
        tab4uc.style.display = setDisplay[4];
        if(setDisplay[4].length == 0) {
            $find("ucTab41_TabContainer1").set_activeTabIndex($find("ucTab41_TabContainer1").get_activeTabIndex());
        }
    }

    var tab5 = document.getElementById("tabmenu5");
    if(tab5 != null){
        tab5.href = setHref[5];
        tab5.className = setClassName[5];
    }
    var tab5uc = document.getElementById("tabData5");
    if(tab5uc != null){
        tab5uc.style.display = setDisplay[5];
    }
}

function tab0_resize(height)
{
    $get("ucTab01_TabContainer1_body").style.height = (height - 40) + "px";
    $get("tab0_list1").style.height = (height - 90) + "px";
    $get("tab0_list2").style.height = (height - 206) + "px";
}

function tab1_resize(height)
{
    $get("ucTab11_TabContainer1_body").style.height = (height - 75) + "px";
    $get("tab1_2_list1").style.height = (height - 290) + "px";
    $get("tab1_4_list1").style.height = (height - 380) + "px";
    $get("tab1_4_label2").style.top = (height - 190) + "px";
    $get("tab1_4_list2").style.top = (height - 176) + "px";
    $get("tab1_5_list1").style.height = (height - 235) + "px";
}

function tab2_resize(height)
{
    $get("ucTab21_TabContainer1_body").style.height = (height - 40) + "px";
    $get("ucTab21_TabContainer1_TabPanel2_tab2div1").style.height = ((height - 165) / 2) + "px";
    $get("ucTab21_TabContainer1_TabPanel2_tab2div2").style.height = ((height - 165) / 2) + "px";
}

function tab3_resize(height)
{
    $get("Control_tab3").style.height = height + "px";
}

function tab4_resize(height)
{
    $get("ucTab41_TabContainer1_body").style.height = (height - 40) + "px";
}

function tab5_resize(height)
{
    $get("Control_tab5").style.height = height + "px";
}

function changeTabIndex(funcNo, tabNo)
{
    switch(funcNo) {
        case 0:
            changeTab("tab0");
            $find("ucTab01_TabContainer1").set_activeTabIndex(tabNo);
            break;
        case 1:
            changeTab("tab1");
            $find("ucTab11_TabContainer1").set_activeTabIndex(tabNo);
            break;
        case 2:
            changeTab("tab2");
            $find("ucTab21_TabContainer1").set_activeTabIndex(tabNo);
            break;
        case 3:
            changeTab("tab3");
            break;
        case 4:
            changeTab("tab4");
            $find("ucTab41_TabContainer1").set_activeTabIndex(tabNo);
            break;
        case 5:
            changeTab("tab5");
            break;
    }
}