function tab_hover(idx){
    img1 = document.getElementById("tab"+idx+"01");

    if(img1.src.indexOf('non.active') >= 0){
        img2 = document.getElementById("tab"+idx+"02");
        img3 = document.getElementById("tab"+idx+"03");

        img1.src = "componentImage.php?com=tabPage&d=hover&f=left.jpg";
        img3.src = "componentImage.php?com=tabPage&d=hover&f=right.jpg";

        img2.style.backgroundImage = "url(componentImage.php?com=tabPage&d=hover&f=bg.jpg)";
    }
}

function tab_out(idx, skip){
    img1 = document.getElementById("tab"+idx+"01");

    if(img1.src.indexOf('hover') >= 0 || skip){
        img2 = document.getElementById("tab"+idx+"02");
        img3 = document.getElementById("tab"+idx+"03");
        td1 = document.getElementById("td"+idx+"01");
        td3 = document.getElementById("td"+idx+"03");

        img1.src = "componentImage.php?com=tabPage&d=non.active&f=left.jpg";
        img3.src = "componentImage.php?com=tabPage&d=non.active&f=right.jpg";

        img2.style.backgroundImage = "url(componentImage.php?com=tabPage&d=non.active&f=bg.jpg)";
        img2.style.color = "#757575";
        img2.style.borderBottom = "solid black 1px";
        td1.style.borderBottom = "solid black 1px";
        td3.style.borderBottom = "solid black 1px";
    }
}

function set_active(idx){
    img1 = document.getElementById("tab"+idx+"01");

    var idxTab = idx;
    for(var i=1; i<= tabCount; i++){
        tab_out(idTab[i - 1], true);
        if(idTab[i - 1] == idx){
            idxTab = i;
        }
        document.getElementById(divTab[i - 1]).style.display = "none";
    }

    img1 = document.getElementById("tab"+idx+"01");
    img2 = document.getElementById("tab"+idx+"02");
    img3 = document.getElementById("tab"+idx+"03");

    img1.src = "componentImage.php?com=tabPage&d=active&f=left.jpg";
    img3.src = "componentImage.php?com=tabPage&d=active&f=right.jpg";

    img2.style.backgroundImage = "url(componentImage.php?com=tabPage&d=active&f=bg.jpg)";
    img2.style.color = "black";

    td1 = document.getElementById("td"+idx+"01");
    td3 = document.getElementById("td"+idx+"03");
    td1.style.borderBottom = "solid #FFF9F0 1px";
    td3.style.borderBottom = "solid #FFF9F0 1px";
    img2.style.borderBottom = "solid #FFF9F0 1px";

    document.getElementById(divTab[idxTab - 1]).style.display = "inline";
    loadTabPanel(idxTab - 1);
}

var tabPanelIdx;
var prevTabPanelIdx;
function loadTabPanel(idx){
    prevTabPanelIdx = tabPanelIdx;
    tabPanelIdx = idx;

    if(!divLoaded[idx]){
        ajax.SendingRequestToDiv(divURL[idx]+"&id="+idx, divTab[idx], handlerAjax);
        divLoaded[idx] = true;
    }else{
        if(divJS[prevTabPanelIdx] != ""){
            eval(divJS[prevTabPanelIdx].replace("()", "")+"_unload()");
        }
        eval(divJS[tabPanelIdx]);
    }
}

function handlerAjax(divId, responseText){
    document.getElementById(divId).innerHTML = responseText;
    if(divJS[tabPanelIdx] != ""){
        eval(divJS[tabPanelIdx]);
    }
}