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

var menu1 = new Array();
var menu2 = 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 updateMenus(what) {
    var sel = what.selectedIndex;
    // set units for open and closed tile
    if (document.orderForm.style.value == "Kiwi Tile Perforated") {
        document.orderForm.units1.value = "0.675";
    } else {
        document.orderForm.units1.value = "0.80625";
    }

    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 changeTile() {
    if (document.orderForm.color.value == "Custom...") {
        alert(CUSTOM_MESSAGE);
        return false;
    } else if (document.orderForm.color.value == "Purple") {
        alert(PURPLE_SELECTED);
        //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";
}

var gender = "_m";
function setGender(thisGender) {
    gender = "_" + thisGender;
}

function changeRampEdge() {
    if (document.orderForm.ramp_edge_color.value == "Custom...") {
        alert(CUSTOM_MESSAGE);
        return false;
    }
    var rampEdgeColor = document.orderForm.ramp_edge_color.value.toLowerCase();
    document.rampEdgeImage.src = "../images/kiwi/" + rampEdgeColor + "_edge" + gender + "_m.gif";
}

function changeCornerPiece() {
    if (document.orderForm.corner_piece_color.value == "Custom...") {
        alert(CUSTOM_MESSAGE);
        return false;
    }
    var cornerPieceColor = document.orderForm.corner_piece_color.value.toLowerCase();
    document.cornerPieceImage.src = "../images/kiwi/" + cornerPieceColor + "_corner_m.gif";
}

function processColor() {
    if ((document.orderForm.color.value == "Custom..." && document.orderForm.qty1.value > 0)
            || (document.orderForm.ramp_edge_color.value == "Custom..." && document.orderForm.qty2.value > 0)
            || (document.orderForm.corner_piece_color.value == "Custom..." && document.orderForm.qty3.value > 0)) {
        alert(CUSTOM_SELECTED);
        return false;
    }
}