function div_color(name, bgcolor, color) { 
    document.getElementById(name).style.backgroundColor = bgcolor; 
    document.getElementById(name).style.color = color; 
}

function del_color(state) { 
    if (state == "over") {
    document.getElementById("delivery").style.backgroundColor = "#e40593";
    document.getElementById("delivery_text").style.borderColor = "#e40593";
    }
    else {
    document.getElementById("delivery").style.backgroundColor = "white";
    document.getElementById("delivery_text").style.borderColor = "white";
    }
}

function swap_image(image_to_swap, new_image) {
    if (document.images) {
        currentImage = document.images[image_to_swap];
        currentImage.src = "images/" + new_image;
    }
}

function set_focus(number, state) {
    background = "bg_" + number
    border = "border_" + number
    text = "text_" + number 
    button = "button_on_" + number
    more = "more_on_" + number
    if (document.images) {
        if (state == "over"){
            if (number != current_view) {
                color = "#e40593"
                document.getElementById(border).style.borderColor = color;
                document.getElementById(background).style.backgroundColor = color;
                document.getElementById(text).style.borderColor = color;
                document.getElementById(button).style.display = "none";
                document.getElementById(more).style.display = "none";
            }
        }
        else {
            color = "black"
            document.getElementById(border).style.borderColor = color;
            document.getElementById(background).style.backgroundColor = color;
            document.getElementById(text).style.borderColor = color;
            document.getElementById(button).style.display = "inline";
            document.getElementById(more).style.display = "inline";
        }
    }
}

current_z = 2;
current_view = 3;
text_open = 0;
side_1_open = 0;
side_2_open = 0;
side_3_open = 0;
side_4_open = 0;
side_5_open = 0;

function set_view(number) {
    current_z += 1;
    panel = "panel_" + number
    text = "text_" + number
    back = "bg_" + number
    button = "button_" + number
    if (document.images) {
        if (number != current_view) {
            document.getElementById(panel).style.zIndex = current_z;
            document.getElementById(text).style.zIndex = current_z;
            document.getElementById(back).style.zIndex = current_z;
            document.getElementById(button).style.zIndex = current_z;
            current_view = number;
            if (number == 1) {
                no_buttons();
                document.getElementById("button_1").style.display = "inline";
                document.getElementById("more_1").style.display = "inline";
                close_all_text();
            }
            if (number == 2) {
                no_buttons();
                document.getElementById("button_2").style.display = "inline";
                document.getElementById("more_2").style.display = "inline";
                close_all_text();
            }
            if (number == 3) {
                no_buttons();
                document.getElementById("button_3").style.display = "inline";
                document.getElementById("more_3").style.display = "inline";
                close_all_text();
            }
        }
    }
}

function text_view() {
    text = "text_" + current_view
    button = "button_" + current_view
    if (document.images) {
        if (text_open == 0){
            close_all_text();
            current_z += 1;
            document.getElementById(text).style.display = "inline";
            document.getElementById(text).style.zIndex = current_z;
            document.getElementById(button).style.zIndex = current_z;
            text_open = 1;
        }
        else {
            document.getElementById(text).style.display = "none";
            text_open = 0;
        }
    }
}

function close_all_text() {
    document.getElementById("side_text_1").style.display = "none";
    side_1_open = 0;
    document.getElementById("side_text_2").style.display = "none";
    side_2_open = 0;
    document.getElementById("side_text_3").style.display = "none";
    side_3_open = 0;
    document.getElementById("side_text_4").style.display = "none";
    side_4_open = 0;
    document.getElementById("side_text_5").style.display = "none";
    side_5_open = 0;
    document.getElementById("text_1").style.display = "none";
    document.getElementById("text_2").style.display = "none";
    document.getElementById("text_3").style.display = "none";
    text_open = 0;
}

function no_buttons() {
    document.getElementById("button_1").style.display = "none";
    document.getElementById("button_2").style.display = "none";
    document.getElementById("button_3").style.display = "none";
    document.getElementById("more_1").style.display = "none";
    document.getElementById("more_2").style.display = "none";
    document.getElementById("more_3").style.display = "none";
}

function side_view(side) {
    text = "side_text_" + side
    button = "side_button_" + side
    current_z += 1;
    if (side == 1) {
        if (side_1_open == 0) {
            close_all_text()
            document.getElementById(text).style.display = "inline";
            document.getElementById(text).style.zIndex = current_z;
            document.getElementById(button).style.zIndex = current_z;
            side_1_open = 1;
        }
        else {
            close_all_text()
        }
    }
    if (side == 2) {
        if (side_2_open == 0) {
            close_all_text()
            document.getElementById(text).style.display = "inline";
            document.getElementById(text).style.zIndex = current_z;
            document.getElementById(button).style.zIndex = current_z;
            side_2_open = 1;
        }
        else {
            close_all_text()
        }
    }
    if (side == 3) {
        if (side_3_open == 0) {
            close_all_text()
            document.getElementById(text).style.display = "inline";
            document.getElementById(text).style.zIndex = current_z;
            document.getElementById(button).style.zIndex = current_z;
            side_3_open = 1;
        }
        else {
            close_all_text()
        }
    }
    if (side == 4) {
        if (side_4_open == 0) {
            close_all_text()
            document.getElementById(text).style.display = "inline";
            document.getElementById(text).style.zIndex = current_z;
            document.getElementById(button).style.zIndex = current_z;
            side_4_open = 1;
        }
        else {
            close_all_text()
        }
    }
    if (side == 5) {
        if (side_5_open == 0) {
            close_all_text()
            document.getElementById(text).style.display = "inline";
            document.getElementById(text).style.zIndex = current_z;
            document.getElementById(button).style.zIndex = current_z;
            side_5_open = 1;
        }
        else {
            close_all_text()
        }
    }
}


function show_image(image_to_show) {     
        document.poppedLayer = eval('document.getElementById(image_to_show)');
        if (document.poppedLayer.style.visibility == "visible")
                document.poppedLayer.style.visibility = "hidden";
        else
                document.poppedLayer.style.visibility = "visible";
}

function toggle_image(image, state) {
        document.getElementById(image).style.display = state;
}