var open_views = new Array();

function toggle_view(id)
{
    ob = document.getElementById(id);

    if(ob.style.visibility == "hidden")
    {
        ob.style.visibility = "visible";
        visible = true;
    }
    else
    {
        ob.style.visibility = "hidden";
        visible = false;
    }

    open_views[id] = visible;

    if(visible == true)
    {
        for(var other_id in open_views)
        {
            if(other_id != id && open_views[other_id])
            {
                other_ob = document.getElementById(other_id);
                other_ob.style.visibility = "hidden";
                open_views[other_id] = false;
            }
        }
    }
}

function update_color_shower(name, bg)
{
    ob = document.getElementById("color_shower_" + name);
    ob.style.background = bg;
}

function update_color_form(name, bg)
{
    ob = document.getElementById("color_form_" + name);
    ob.value = bg;
}

function update_color(name, bg)
{
    update_color_shower(name, bg);
    update_color_form(name, bg);
}

function choose_color(name, bg)
{
    update_color(name, bg);
    toggle_view("color_picker_" + name);
}