window.onload = window_loaded;
var theform, lastfileinput;

function window_loaded()
{
    find_form();
    add_style();
}

function add_style()
{
    // get list of all tab divs on page
    var divs = $(".tab");

    // hide all but the first tab
    for (var i=1; i < divs.length; i++) {
        $(divs[i]).hide();
    }

    // show navigation bar
    var tabs = $(".navtab");

    for (var i=0; i < tabs.length; i++) {
        $(tabs[i]).click(showtab(i+1));
    }
    $(tabs[0]).css("border-bottom", "thick solid #ddeeff");
    $(tabs[0]).css("background-color", "#ddeeff");
    $(".navbar").css("display", "block");
}

function showtab(num)
{
    return function() {
        var tabs = $(".navtab");
        for (var i=1; i < tabs.length+1; i++) {
            if (num == i) {
                $("#tab" + num).show();
                $(tabs[i-1]).css("border-bottom", "thick solid #ddeeff");
                $(tabs[i-1]).css("background-color", "#ddeeff");
            } else {
                $("#tab" + i).hide();
                $(tabs[i-1]).css("border-bottom", "thin solid blue");
                $(tabs[i-1]).css("background-color", "#aabbee");
            }
        }
        return false;
    }
}

function find_form()
{
    theform = $("#fileform")[0];
    var elements = theform.elements;
    for (var i = elements.length-1; i >= 0; i--)
    {
        if ((elements[i].type == "file") && (!lastfileinput))
        {
            // find the last file input form element, give it the onchanged event
            lastfileinput = elements[i];
            lastfileinput.onchange = add_more_inputs;
        }

    }
}

function add_more_inputs(event)
{
    var new_input = document.createElement('input');
    var new_br = document.createElement('br');
    new_input.type = "file";
    new_input.size = 45;
    new_input.name = +event.target.name + 1;
    new_input.onchange = add_more_inputs;
    // remove onchanged handler from previously last file input box
    lastfileinput.onchange = null;
    // insert new file input box
    lastfileinput = theform.insertBefore(new_input, lastfileinput.nextSibling);
    theform.insertBefore(new_br, lastfileinput);
}