// JavaScript Document

function validateOnSubmit() {
    var elem;
    var errs = 0;

    // execute all element validations in reverse order, so focus gets
    // set to the first one in error.

    if (!validateSpkm(document.getElementById("spkmbreaker3"), 'inf_Spkm', true)) errs += 1;
    if (!validateComments(document.getElementById("comments"), 'inf_Comments', true)) errs += 1;
    if (!validatePresent(document.getElementById("Company"), 'inf_Company')) errs += 1;

    if (!validateEmail(document.getElementById("Email"), 'inf_Email', true)) errs += 1;

    if (!validatePresent(document.getElementById("Name"), 'inf_Name')) errs += 1;

    //alert(errs);
    //	if (!validateCommentsSize    (document.forms.upload.comments, 'inf_Comments', true)) errs += 1; 
    var obj = document.getElementById("errorMessage");
    if (errs > 1) {


        obj.innerHTML = "<table><tr><td><img src=../images/errorAlarm.gif></td><td class=errorMessage>There are invalid entries on this page that need to be corrected!</td></tr></table>"
        return false
    }

    //    if (errs==1) alert('There is a field which needs correction before sending');
    if (errs == 1) {
        obj.innerHTML = "<table><tr><td><img src=../images/errorAlarm.gif></td><td class=errorMessage>There is an invalid entry that need to be corrected!</td></tr></table>"

        return false
    }

    if (errs == 0) {
        if (confirm("Please confirm your email address is:\n\n " + document.getElementById("Email").value + "\n\n")) {
            document.getElementById("submit").disabled = true;
            return true
        }
        else {
            errs = 1;
            return false
        }
    }

};





function verifyNum(entry) {
    var tempstr = entry.value;
    var validchars = "1234567890";
    //alert(tempstr.length);
    for (var icount = 0; icount < tempstr.length; icount++) {

        if (validchars.indexOf(tempstr.substr(icount, 1)) == - 1) {
            alert("Please enter only numbers into this field.");
            return false;
        }
    }
    return true
}

function changecolor(entry) {
    entry.style.borderColor = "green"
    entry.style.borderWidth = 3
}


function changecolorAndText(entry) {
    entry.style.borderColor = "green"
    entry.style.borderWidth = 3
    if (entry.value == "Please type your message here") {
        entry.value = ""
    };

}

function losecolor(entry) {
    entry.style.borderColor = "#FFFFFF"
    entry.style.borderWidth = "thin"
}

function showPhone() {
    var objS = document.getElementById("NorthAmerica_ID");

    var obj = document.getElementById("mehranAnswer");

    //alert(objA.checked);
    var tab = "";

    //alert(value);
    if (objS.checked) {

        tab = "<table width=100%><tr><td>Phone</td><td>(<input name=phone_2 size=3 onChange=verifyNum(this)  onFocus=changecolor(this) onBlur=losecolor(this)>)- <input name=phone_3 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)>- <input name=phone_4 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)> ext. <input name=phone_extension size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)></td></tr><tr><td>Fax</td><td>(<input name=fax_2 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)>)- <input name=fax_3 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)>- <input name=fax_4 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)></td></tr></table>";
    }
    else {
        tab = "<table width=100%><tr><td colspan=2>Country code <input name=phone_1 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)></td></tr><tr><td>Phone</td><td><input name=phone_2 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)>- <input name=phone_3 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)>- <input name=phone_4 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)> ext. <input name=phone_extension size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)></td></tr><tr><td>Fax</td><td><input name=fax_2 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)>- <input name=fax_3 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)>- <input name=fax_4 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)></td></tr></table>";
    }
    obj.innerHTML = tab;
}


function showForWhichProduct() {
    var objS = document.getElementById("Ins_Request");
    var obj = document.getElementById("ForWhichProduct");
    var tab = "";


    //alert("dgdfgdfg");
    if (objS.checked) {

	//tab ="<table width=100%><tr><td>Phone</td><td>(<input name=phone_2 size=3 onChange=verifyNum(this)  	onFocus=changecolor(this) onBlur=losecolor(this)>)- <input name=phone_3 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)>- <input name=phone_4 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)> ext. <input name=phone_extension size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)></td></tr><tr><td>Fax</td><td>(<input name=fax_2 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)>)- <input name=fax_3 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)>- <input name=fax_4 size=3 onChange=verifyNum(this) onFocus=changecolor(this) onBlur=losecolor(this)></td></tr></table>";
			//tab = "<textarea style=background-color:#FFFFCC rows=2 cols=30 name=ForWhichProductTextBox id=ForWhichProductTextBox onchange=validateComments(this, 'inf_Comments', true) onfocus=changecolorAndText(this) onblur=losecolor(this)></textarea>"
        //tab = "<table><tr><td><INPUT size=29 name=Name id=Name></td></tr></table>"
        tab = "<table><tr><td>Please specify for which product this artwork is to be used </td></tr><tr><td><input name=ForWhichProductDesc size=60 onFocus=changecolor(this) onBlur=losecolor(this) style='color:#FF9F9F'></td></tr></table>"

        //tab = "Mehran Abbaspour";
    }
    else {
        tab = "";
    }
    obj.innerHTML = tab;
}




function ChangeSubject() {
    var obj = document.getElementById("subject_ID");
    obj.value = "How do I upload my artwork?";
}

// This function is not used anymore


function checkemail(form) {
    var tempstr = form.email.value
    // Technically most of these characters are valid in an email address, it is
    // very likely that these characters were typed by mistake
    // For sure these characters are invalid ",;[]"
    var invalidchars = " ,/?;:'[]{}&" + '"' + "()~`!#$%^*|"
    var i = tempstr.indexOf("@");
    var j = tempstr.indexOf(".");
    var error = false;

    for (var icount = 0; icount < invalidchars.length; icount++) {
        if (tempstr.indexOf(invalidchars.substr(icount, 1)) != - 1) {
            return false;
        }
    }
    if (tempstr.substr(j - 1, 1) == "@") {
        return false
    }
    if (tempstr.indexOf("..") != - 1) {
        return false
    }


    // susan.al@aol.ca is valid, so the following changes have been made
    //	if ((tempstr == "") || i<1 || j<3 || j-i<2 || tempstr.length-1==j) 
    if ((tempstr == "") || i < 1 || j < 1 || tempstr.length - 1 == j || tempstr.length - 1 == i) {
        return false
    }
    //	alert("email confirmation");
    if (confirm("Please confirm your email address is:\n\n " + tempstr + "\n\n")) {
        return true
    }

}

function checkphone(form) {
    var tempstr = form.phone.value;
    var validchars = " -1234567890";
    for (var icount = 0; icount < tempstr.length; icount++) {
        if (validchars.indexOf(tempstr.substr(icount, 1)) == - 1) {
            return false;
        }
    }
    return true
}


function checkfax(form) {
    var tempstr = form.Fax.value;
    var validchars = " -1234567890";
    for (var icount = 0; icount < tempstr.length; icount++) {
        if (validchars.indexOf(tempstr.substr(icount, 1)) == - 1) {
            return false;
        }
    }
    return true
}

function checkext(form) {
    var tempstr = form.phone_extension.value;
    var validchars = " -1234567890";
    for (var icount = 0; icount < tempstr.length; icount++) {
        if (validchars.indexOf(tempstr.substr(icount, 1)) == - 1) {
            return false;
        }
    }
    return true
}