var out = false;
function toggle_folder_tab() {
    if (out) {
        document.getElementById("folder_tab").style.width = "0px";
        document.getElementById("folder_tab").style.padding = "0";
        document.getElementById("folder_tab").style.borderLeft = "none";
        document.getElementById("folder_tab_img").style.display = "none";
        document.getElementById("folder_tab_corner_img").src = "image/folder_tab_in.png"
        document.getElementById("folder_tab_shadow_bottom").style.display = "none";
        out = false;
    }
    else {
        document.getElementById("folder_tab").style.width = "159px";
        document.getElementById("folder_tab").style.padding = "10px 0 0 10px";
        document.getElementById("folder_tab").style.borderLeft = "1px solid #777461";
        document.getElementById("folder_tab_img").style.display = "block";
        document.getElementById("folder_tab_corner_img").src = "image/folder_tab_out.png"
        document.getElementById("folder_tab_shadow_bottom").style.display = "block";
        out = true;
    }
}

function show_tab_1(){
    document.getElementById("tab_1_cont").style.display = "block";
    document.getElementById("tab_2_cont").style.display = "none";
    document.getElementById("card_tab_1").style.zIndex = "2";
    document.getElementById("card_tab_2").style.zIndex = "1";
    document.getElementById("card_tab_1_img").src = "image/card_tab_1_selected.png";
    document.getElementById("card_tab_2").style.color = "#000000";
    document.getElementById("card_tab_2_span").style.backgroundImage = "url(image/card_tab_2.jpg)";
    document.getElementById("card_tab_2_left_img").src = "image/card_tab_2_left.png";
    document.getElementById("card_tab_2_right_img").src = "image/card_tab_2_right.png";
}
function show_tab_2(){
    document.getElementById("tab_1_cont").style.display = "none";
    document.getElementById("tab_2_cont").style.display = "block";
    document.getElementById("card_tab_1").style.zIndex = "1";
    document.getElementById("card_tab_2").style.zIndex = "2";
    document.getElementById("card_tab_1_img").src = "image/card_tab_1.png";
    document.getElementById("card_tab_2").style.color = "#cb0035";
    document.getElementById("card_tab_2_span").style.backgroundImage = "url(image/card_tab_2_selected.jpg)";
    document.getElementById("card_tab_2_left_img").src = "image/card_tab_2_left_selected.png";
    document.getElementById("card_tab_2_right_img").src = "image/card_tab_2_right_selected.png";
}