var info = new Array(
    "Perforated*Blue|Red|Green|Yellow|Orange|Purple|Brown|Black|Grey|White",
    "Diamond Grip*Blue|Red|Green|Yellow|Brown|Black|Grey|White"
);

var menu1 = new Array();
var menu2 = new Array();
var menu3 = new Array();
var menu4 = new Array();

function createMenus() {

    for (i = 0; i < info.length; i++) {
        menu1[i] = stringSplit(info[i], '*');
        menu2[i] = stringSplit(menu1[i][1], '|');
    }

    var vStyle = document.orderForm.style;
    var vColor = document.orderForm.color;

    vStyle.length = menu1.length;
    vColor.length = menu2[0].length; 
    for (i = 0; i < menu1.length; i++) {
         vStyle.options[i].value = "Kiwi Tile " + menu1[i][0];
         vStyle.options[i].text = menu1[i][0];
    }
    document.orderForm.style.selected = 0;
    for (x=0; x < menu2[0].length; x++) {
         vColor.options[x].text = menu2[0][x];
         vColor.options[x].value = menu2[0][x];
    }         
    document.orderForm.color.selected = 0;
}

function createMenus2() {

    for (i = 0; i < info.length; i++) {
        menu3[i] = stringSplit(info[i], '*');
        menu4[i] = stringSplit(menu1[i][1], '|');
    }

    var vStyle = document.orderForm.style2;
    var vColor = document.orderForm.color2;

    vStyle.length = menu3.length;
    vColor.length = menu4[0].length; 
    for (i = 0; i < menu3.length; i++) {
         vStyle.options[i].value = "Kiwi Tile " + menu3[i][0];
         vStyle.options[i].text = menu3[i][0];
    }
    document.orderForm.style2.selected = 0;
    for (x=0; x < menu4[0].length; x++) {
         vColor.options[x].text = menu4[0][x];
         vColor.options[x].value = menu4[0][x];
    }         
    document.orderForm.color2.selected = 0;
}

function updateMenus(what) {
    var sel = what.selectedIndex;
    if (sel >= 0 && sel < menu1.length) {
        var temp = menu2[sel];
    } else {
        var temp = new Array();
    }
    what.form.color.length = temp.length;
    for (i = 0; i < temp.length; i++) {
        what.form.color.options[i].text  = temp[i];
        what.form.color.options[i].value = temp[i];
    }
    what.form.color.selected = 0;
}

function updateMenus2(what) {
    var sel = what.selectedIndex;
    if (sel >= 0 && sel < menu3.length) {
        var temp = menu4[sel];
    } else {
        var temp = new Array();
    }
    what.form.color2.length = temp.length;
    for (i = 0; i < temp.length; i++) {
        what.form.color2.options[i].text  = temp[i];
        what.form.color2.options[i].value = temp[i];
    }
    what.form.color2.selected = 0;
}

function changeTile() {
    if (document.orderForm.color.value == "Purple") {
        alert(PURPLE_SELECTED2);
        //return false;
    }
    var color = document.orderForm.color.value.toLowerCase();
    var style = "";
    if (document.orderForm.style.value == "Kiwi Tile Perforated") {
        style = "_o";
    }
    document.tileImage.src = "../images/kiwi/" + color + style + "_m.gif";
}

// for sample packs only
function changeTile2() {
    if (document.orderForm.color2.value == "Purple") {
        alert(PURPLE_SELECTED2);
        //return false;
    }
    var color = document.orderForm.color2.value.toLowerCase();
    var style = "";
    if (document.orderForm.style2.value == "Kiwi Tile Perforated") {
        style = "_o";
    }
    document.tileImage2.src = "../images/kiwi/" + color + style + "_m.gif";
}