
// 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
}





