function setMatsToEmbroid() {
    var matToEmbroidContent = "";
    var frontRowMessage = " (Note: Embroidery & logos are only applied to the front mats.)";
    document.getElementById("matToEmbriod").innerHTML = "There are no mats available to customize.";
    e = document.getElementsByName("mat_type");
    
    for (i = 0; i < e.length; i++) {
        if (e[i].checked == true) {
            if (document.getElementById('matPattern_' + e[i].value).value != '') {
                if (document.getElementById('canEmbriod_' + e[i].value).value == 'yes') {
                    var matName = document.getElementById('matName_' + e[i].value).value;
                    
                    var message = "";
                    if ((e[i].value == "UM1") || (e[i].value == "LU1")) {
                    message = frontRowMessage;
                    }
                    
                    matToEmbroidContent = matToEmbroidContent + "<input type=\"checkbox\" value=\"" + e[i].value + "\" name=\"matsToEmbriod\" id=\"matToEmbriod_" + e[i].value + "\" onclick=\"setMatToEmbriodClick();\" checked=\"true\" /> <label for=\"matToEmbriod_" + e[i].value + "\">" + matName + message + "</label><br />";
                }
            }
        }
    }
    if (matToEmbroidContent.length > 0) {
        document.getElementById("matToEmbriod").innerHTML = matToEmbroidContent;
    }
}

function checkMatsToEmbriodSelection() {
    e = document.getElementsByName("matsToEmbriod");

    if (e.length == 0) {
        return false;
    }

    for (i = 0; i < e.length; i++) {
        if (e[i].checked == true) {
                return true;
            }
    }
}

function checkMat() {
    var isMatTypeChecked = 'no';
    var checkBox;
    var mustSelectOption = false;

    document.getElementById("colorError").innerHTML = ""; 

    e = document.getElementsByName("mat_type");

    for (i = 0; i < e.length; i++) 
    {
        if (e[i].checked == true) {
            if (document.getElementById('matPattern_' + e[i].value).value != '') {
                isMatTypeChecked = 'yes';
            }
            else {
                mustSelectOption = true;
            }
        }
    }

    if (mustSelectOption) {
        document.getElementById("colorError").innerHTML = "(Select the option for your mat above)"; 
    }

    if (isMatTypeChecked != 'yes' || mustSelectOption) {
        e = document.getElementsByName("mat_color");
        for (i = 0; i < e.length; i++) 
        {
            e[i].checked = false;
            e[i].disabled = true;
        }
        checkColor();
        return false;
    }
    else {
        e = document.getElementsByName("mat_color");
        for (i = 0; i < e.length; i++) 
        {
            e[i].disabled = false;
        }
        return true;
    }
}

function checkColor() {
    var isColorChecked = 'no';
    var isBindingChecked = false;
    var colorDesc = document.getElementById("colorDesc");

    e = document.getElementsByName("mat_color");
    for (i = 0; i < e.length; i++) {
        if (e[i].checked) {
            isColorChecked = 'yes';
            if (colorDesc != null) {
                colorDesc.value = e[i].getAttribute("color");
            }
        }
    }

    if (isColorChecked != 'yes') {
        e = document.getElementsByName("binding_type");
        for (i = 0; i < e.length; i++) {
            e[i].disabled = true;
            //e[i].checked = false;
        }

        e = document.getElementsByName("binding_color");
        for (i = 0; i < e.length; i++) {
            e[i].disabled = true;
            e[i].checked = false;
        }

        e = document.getElementsByName("mat_logo");
        for (i = 0; i < e.length; i++) {
            e[i].disabled = true;
        }
        return false;
    }
    else {
        e = document.getElementsByName("binding_type");
        for (i = 0; i < e.length; i++) {
            e[i].disabled = false;
        }

        if (document.getElementById("defaultBindingRadio") == null ||
            document.getElementById("defaultBindingRadio").checked == true) {
            if (checkMatsToEmbriodSelection()) {
                e = document.getElementsByName("mat_logo");
                for (i = 0; i < e.length; i++) {
                    e[i].disabled = false;
                }
            }
            else {
                e = document.getElementsByName("mat_logo");
                for (i = 0; i < e.length; i++) {
                    e[i].disabled = true;
                }
            }
        }
        else {
            e = document.getElementsByName("binding_color");
            for (i = 0; i < e.length; i++) {
                if (e[i].disabled == false && e[i].checked == true) {
                    isBindingChecked = true;
                }
            }
            if (isBindingChecked == true) {
                e = document.getElementsByName("mat_logo");
                for (i = 0; i < e.length; i++) {
                    e[i].disabled = false;
                }
            } else {
                e = document.getElementsByName("binding_color");
                for (i = 0; i < e.length; i++) {
                    e[i].disabled = false;
                }
            }
        }
        return true;
    }
}

function checkBinding() {

    var defaultBinding = document.getElementById('defaultBindingRadio');

    if (defaultBinding == null || defaultBinding.checked == true) {
        return true;
    }
    else {
        e = document.getElementsByName("binding_color");
        for (i = 0; i < e.length; i++) {
            if (e[i].checked == true) {
                return true;
            }
        }
    }
    
   return false;

}

function checkMatsToEmbroid() {
    if (document.getElementById('custom_type').value == 'NONE') {
        return true;
    }
    else {
        e = document.getElementsByName("matsToEmbriod");
        for (i = 0; i < e.length; i++) {
            if (e[i].checked == true) {
                return true;
            }
        }
        return false;  
    }

}

function checkLogo() {

    if (document.getElementById('custom_type').value != 'LOGO') {
        return true;
    }
    else {
        e = document.getElementsByName("mat_logo");
        for (i = 0; i < e.length; i++) {
            if (e[i].checked == true) {
                return true;
            }
        }
        return false;
    }
}

function checkLogoColor() {

    if (document.getElementById('custom_type').value != 'LOGO') {
        return true;
    } else if (document.getElementById('has_logo_color').value != 'Choose') {
        return true;
    } else {
        e = document.getElementsByName("logo_color");
        for (i = 0; i < e.length; i++) {
            if (e[i].checked == true) {
                return true;
            }
        }
    }
    return false;
}

function checkBlackList() {

    if (document.getElementById('custom_type').value != 'TEXT') {
        return true;
    }
    else if (document.getElementById('is_blacklist').value != 'true') {

        return true;
    }
    else {
        return false;
    }
}

function checkEmptyLettering() {

    var line1tbClientID = document.getElementById('line1tbClientID').value;
    var line2tbClientID = document.getElementById('line2tbClientID').value;
    
    if (document.getElementById('custom_type').value != 'TEXT') {
        return true;
    }
    else if (document.getElementById(line1tbClientID).value != '' || document.getElementById(line2tbClientID).value != '') {

        return true;
    }
    else {
        return false;
    }
}

function checkLetterStyle() {

    if (document.getElementById('custom_type').value != 'TEXT') {
        return true;
    } else {
    e = document.getElementsByName("mat_font");
        for (i = 0; i < e.length; i++) {
            if (e[i].checked == true) {
                return true;
            }
        }
    }
    return false;
}

function checkLetterColor() {

    if (document.getElementById('custom_type').value != 'TEXT') {
        return true;
    } else {
    e = document.getElementsByName("letter_color");
        for (i = 0; i < e.length; i++) {
            if (e[i].checked == true) {
                return true;
            }
        }
    }
    return false;
}




function setMat(matID) {
    var mat = document.getElementById('mat_' + matID);
    var pattern = document.getElementById('matPattern_' + matID);

    if (mat.checked == true) {
        //alert(typeof (pattern));
        if (pattern.type == "select-one") {
            pattern.disabled = false;
        }
        //alert(pattern.type);
    }
    else {
        if (pattern.type == "select-one") {
            pattern[0].selected = true;
            pattern.disabled = true;
        }
    }
}

function setBindingType(type) {
    //Code to "setBindingType"
    if (type == 'default') {
        e = document.getElementsByName("binding_color");
        for (i = 0; i < e.length; i++) {
            e[i].disabled = true;
        }

        if (checkMatsToEmbriodSelection()){
            e = document.getElementsByName("mat_logo");
            for (i = 0; i < e.length; i++) {
                e[i].disabled = false;
            }
        }
    }
    else if (type == 'custom') {
        e = document.getElementsByName("binding_color");
        for (i = 0; i < e.length; i++) {
            e[i].checked = false; 
            e[i].disabled = false;
        }

        e = document.getElementsByName("mat_logo");
        for (i = 0; i < e.length; i++) {
            e[i].disabled = true;
            e[i].checked = false;
        }

        e = document.getElementsByName("logo_color");
        for (i = 0; i < e.length; i++) {
            e[i].disabled = true;
            e[i].checked = false;
        }
    }
}



function hasLogoRoyalty(hasRoyalty) {

    document.getElementById("has_logo_royalty").value = hasRoyalty;
}

function hasLogoColor(threadType) {

    if (threadType == "Choose") {

        document.getElementById("threadColorMessage").innerHTML = "(Select a thread color for your embroidered logo)";
        document.getElementById("has_logo_color").value = threadType;

        e = document.getElementsByName("logo_color");
        for (i = 0; i < e.length; i++) {
            e[i].disabled = false;
        }
    }
    else if (document.getElementsByName("logo_color") != null) {
        if (document.getElementById("threadColorMessage") != null) {
            document.getElementById("threadColorMessage").innerHTML = "(Thread colors not available for your selected applique logo)";
        }
        document.getElementById("has_logo_color").value = threadType;
        
        e = document.getElementsByName("logo_color");
        for (i = 0; i < e.length; i++) {
            e[i].disabled = true;
        }
    }
}

function setLogoDesc(logoDesc) {

    document.getElementById("logo_desc").value = logoDesc;
}

function setBindingColor(bindingColor) {
    if (checkMatsToEmbriodSelection()) {
        e = document.getElementsByName("mat_logo");
        for (i = 0; i < e.length; i++) {
            e[i].disabled = false;
        }
    }
}


function validateLloyd() {

    if (!checkMat()) {
        alert('Please select a mat type before continuing.');
        return false;
    }

    if (!checkColor()) {
        alert('Please select mat carpet color before continuing.');
        return false;
    }

    if (!checkBinding()) {
        alert('Please select a binding before continuing.');
        return false;
    }

    if (!checkMatsToEmbroid()) {
        alert('Please select a mat to be embroidered.');
        return false; 
    }

    if (!checkLogo()) {
        alert('Please select a custom logo before continuing, or select \"Plain Mat\" to add mat without logo.');
        return false;
    }

    if (!checkLogoColor()) {
        alert('Please select a thread color for your logo.');
        return false;
    }

    if (!checkEmptyLettering()) {
       alert('Please enter text to be embroidered.');
       return false;
    }

    if (!checkBlackList()) {
        alert('It apprears one of your personalized lettering matches a vehicle model. Please re-enter.');
        return false;
    }

    if (!checkLetterStyle()) {
        alert('Please select a lettering style before continuing.');
        return false;
    }

    if (!checkLetterColor()) {
        alert('Please select a thread color for your lettering.');
        return false;
    }
}

function validateLloydVehicle() {
    alert('Select your vehicle to continue.');
}

function selectLogo(logoID) {
    document.getElementById(logoID).checked = !document.getElementById(logoID).checked;
}

function setMatEmbroideryVisibility(customType) {

    if (customType == 'NONE') {
        document.getElementById("matToEmbroiderContainder").style["display"] = "none";
    }
    else {
        document.getElementById("matToEmbroiderContainder").style["display"] = "block";
    }
}

function setMatToEmbriodClick()
{
    if (checkMatsToEmbriodSelection() && checkMat() && checkColor() && checkBinding()) {
        e = document.getElementsByName("mat_logo");
        for (i = 0; i < e.length; i++) {
            e[i].disabled = false;
            e[i].checked = false;
        }
    }
    else if (!checkMatsToEmbriodSelection()) {
        e = document.getElementsByName("mat_logo");
        for (i = 0; i < e.length; i++) {
            e[i].disabled = true;
            e[i].checked = false;
        }
    }
}

function setMatImage(matID)
{
    if (matID.length > 0) {
        var matPatternID = document.getElementById("matPattern_" + matID).value;
        if (matPatternID.length > 0) {
            var matImageURL = document.getElementById("patternImage_" + matPatternID).value;
            var matImage = document.getElementById("matImage_" + matID);

            if (matImage != null && matImageURL.length > 0) {
                matImage.src = matImageURL;
            }
        }
    }
}