﻿function ChooseForm(thisDDL) {
    //alert(browser);
    var divForms = document.getElementById('divForms');
    var divComments = document.getElementById('divComments');
    var divSubmit = document.getElementById('divSubmit');
    var txtComments = document.getElementById('ctl00_cphBody_txtComments');
    txtComments.value = "";
    
    //var divChildForms = divForms.getElementsByTagName('div');
    if (browser=="Microsoft Internet Explorer")
        var divChildForms = getElementsByName_iefix('div', 'divForm');
    else
        var divChildForms = document.getElementsByName('divForm');
    //alert(divForms.getElementsByTagName('div').length);
    for (var i = 0; i < divChildForms.length; i++) {
        if (i == thisDDL.selectedIndex)
            divChildForms[i].style.display = 'block';
        else
            divChildForms[i].style.display = 'none';
    }
    //main form
    var divMainForm = document.getElementById('divMainForm');
    if (thisDDL.selectedIndex == 2 || thisDDL.selectedIndex == 3 || thisDDL.selectedIndex == 6) {
        divMainForm.style.display = 'none';
    } else {
        divMainForm.style.display = 'block';
    }
    //catalog
    var divCatalog = document.getElementById('divCatalog');
    var divCatalogDiscon = document.getElementById('divCatalogDiscon');
    if (thisDDL.selectedIndex == 2 || thisDDL.selectedIndex == 3 || thisDDL.selectedIndex == 5 || thisDDL.selectedIndex == 6) {
        divCatalog.style.display = 'none';
        divCatalogDiscon.style.display = 'none';
    } else {
        //alert(thisDDL.selectedIndex);
        if (thisDDL.selectedIndex != 4) {
            divCatalogDiscon.style.display = 'none';
            divCatalog.style.display = 'block';
        }else{
            divCatalogDiscon.style.display = 'none';
            divCatalog.style.display = 'none';
        }
        //reset selection
        ResetCategories()
    }
    //comment
    var divComments = document.getElementById('divComments');
    if (thisDDL.selectedIndex == 0 || thisDDL.selectedIndex == 1 || thisDDL.selectedIndex == 4 || thisDDL.selectedIndex == 5) {
        divComments.style.display = 'block';
    } else {
        divComments.style.display = 'none';
    }
    //submit button
    var divSubmit = document.getElementById('divSubmit');
    if (thisDDL.selectedIndex == 0 || thisDDL.selectedIndex == 1 || thisDDL.selectedIndex == 4 || thisDDL.selectedIndex == 5) {
        divSubmit.style.display = 'block';
    } else {
        divSubmit.style.display = 'none';
    }
    //questionaire
    if (thisDDL.selectedIndex == 6) {
        window.location = "JoinMailingList.aspx";
    }

    SetJQueryValidation();
//    var divQuestionaire = document.getElementById('divQuestionaireMailingList');
//    if (thisDDL.selectedIndex == 6) {
//        divQuestionaire.style.display = 'block';
//    } else {
//        divQuestionaire.style.display = 'none';
//    }
//    
}

function SelectGlueSpill() {
    var rbGlueSpills = document.getElementsByName('rbGlueSpill');
    var spnGlueSpillspan = document.getElementById('spnGlueSpillspan');
    var spnGlueSpillspans = spnGlueSpillspan.getElementsByTagName('span');
    //alert(rbGlueSpills.length);
    //alert(divGlueSpillDivs.length);
    spnGlueSpillspan.style.display = 'block'
    for (var i = 0; i < rbGlueSpills.length; i++) {
        //alert(rbGlueSpills[i].checked);
        if (rbGlueSpills[i].checked)
            spnGlueSpillspans[i].style.display = 'block';
        else
            spnGlueSpillspans[i].style.display = 'none';

    }
}

function SetJQueryValidation() {

    var ddlContactUsType = document.getElementById('ctl00_cphBody_selContactUsType');

    var txtName = document.getElementById('ctl00_cphBody_txtName');
    var txtLastName = document.getElementById('ctl00_cphBody_txtLastName');
    var txtPhone = document.getElementById('ctl00_cphBody_txtPhone');
    var txtEmail = document.getElementById('ctl00_cphBody_txtEmail');
    var txtAddress = document.getElementById('ctl00_cphBody_txtAddress');
    var txtCity = document.getElementById('ctl00_cphBody_txtCity');
    var txtState = document.getElementById('ctl00_cphBody_txtState');
    var txtZip = document.getElementById('ctl00_cphBody_txtZip');
    var txtPurchaserName = document.getElementById('ctl00_cphBody_txtPurchaserName');
    var txtPurchaserAddress = document.getElementById('ctl00_cphBody_txtPurchaserAddress');
    var txtPurchaserEmail = document.getElementById('ctl00_cphBody_txtPurchaserEmail');
    var txtProductName = document.getElementById('ctl00_cphBody_txtProductName');
    var txtItemNumber = document.getElementById('ctl00_cphBody_txtItemNumber');
    var txtFiveDigitCode = document.getElementById('ctl00_cphBody_txtFiveDigitCode');
    var txtComments = document.getElementById('ctl00_cphBody_txtComments');

    if ((ddlContactUsType.selectedIndex == 0) || (ddlContactUsType.selectedIndex == 1) || (ddlContactUsType.selectedIndex == 4) || (ddlContactUsType.selectedIndex == 5)) {
        txtName.className = "field required";
        txtLastName.className = "field required";
        txtPhone.className = "field required";
        txtEmail.className = "field email required";
        txtAddress.className = "field required";
        txtCity.className = "field required";
        txtState.className = "field required";
        txtZip.className = "field required";
        txtComments.className = "field required";
        txtPurchaserName.className = "field";
        txtPurchaserAddress.className = "field";
        txtPurchaserEmail.className = "field";
            txtPurchaserEmail.value = "";
        txtProductName.className = "field";
        txtItemNumber.className = "field";
        txtFiveDigitCode.className = "field";
    }
    
    if (ddlContactUsType.selectedIndex == 2){
        txtName.className = "field";
        txtLastName.className = "field";
        txtPhone.className = "field";
        txtEmail.className = "field";
        txtAddress.className = "field";
        txtCity.className = "field";
        txtState.className = "field";
        txtZip.className = "field";
        
        txtPurchaserName.className = "field required";
        txtPurchaserAddress.className = "field required";
        txtPurchaserEmail.className = "field email required";
        txtComments.className = "field required";
    }

    if (ddlContactUsType.selectedIndex == 4) {
        txtProductName.className = "field";
        txtItemNumber.className = "field";
        txtFiveDigitCode.className = "field";
    }
}
