// volunteer registration form



        var volunteersalutation;
        var volunteerfirstname;
        var volunteerlastname;
		var volunteerdayphone;
		var volunteerdayphoneprefix;
		var volunteerdayphonesuffix;
		var volunteerdayphoneextention;
		
		var volunteereveningphone;
		var volunteereveningphoneprefix;
		var volunteereveningphonesuffix;
		var volunteerprimaryemail;
		var volunteeragerange;
		
		var vtimemorning;
		var vtimeearlyafternoon;
		var vtimelateafternoon;
		var vtimeevening;
		var volcoments;
		var yesreceiveupdates;
		var notreceiveupdates;


 function main()
  { 
        var isValid=false;
		isValid=ValidateInput();
        if(isValid==true)
          {
			  inputVolunteerData();
           	  confirmationPagetoDisplay();
		  }
  }

function resetcolor(pElement)
   {
   pElement.style.backgroundColor="red";
    }


 function inputVolunteerData()
  {
     volunteersalutation=document.getElementById("Volunteersalutation").value;
	 volunteerfirstname=document.getElementById("VolunteerfirstName").value;
	 volunteerlastname=document.getElementById("VolunteerlastName").value;
	 volunteerdayphone=document.getElementById("VolunteerdayPhone").value;
	 volunteerdayphoneprefix=document.getElementById("VolunteerdayPhonePrefix").value;
	 volunteerdayphonesuffix=document.getElementById("VolunteerdayPhoneSuffix").value;
	 volunteerdayphoneextention=document.getElementById("VolunteerdayPhoneExtention").value;
	 volunteereveningphone=document.getElementById("VolunteereveningPhone").value;
	 volunteereveningphoneprefix=document.getElementById("VolunteereveningPhonePrefix").value;
	 volunteereveningphonesuffix=document.getElementById("VolunteereveningPhoneSuffix").value;
	 volunteerprimaryemail=document.getElementById("VolunteerprimaryEmail").value;
	 volunteeragerange=document.getElementById("VolunteerageRange").value;
	 
	 vtimemorning=document.getElementById("morning").checked;
	 vtimeearlyafternoon=document.getElementById("earlyafternoon").checked;
	 vtimelateafternoon=document.getElementById("lateafternoon").checked;
	 vtimeevening=document.getElementById("evening").checked;
	 volcoments=document.getElementById("volunteercoments").value;

	 yesreceiveupdates=document.getElementById("yesreceiveupdates").checked;
	 notreceiveupdates=document.getElementById("notreceiveupdates").checked;
     setCookies();
 } 

function setCookies()
   {
	var newvolsalutation = document.getElementById("Volunteersalutation").value;
	setCookie("volsalutationcookie",newvolsalutation );
	var newusername = document.getElementById("VolunteerfirstName").value;
	setCookie("volnamecookie",newusername );
	var newuserlastname = document.getElementById("VolunteerlastName").value;
	setCookie("vollastnamecookie",newuserlastname );
	var newvoldayphone = document.getElementById("VolunteerdayPhone").value;
	setCookie("voldayphonecookie",newvoldayphone );
	var newvoldayphoneprefix = document.getElementById("VolunteerdayPhonePrefix").value;
	setCookie("newvoldayphoneprefixcookie",newvoldayphoneprefix );	
	var newvoldayphonesuffix = document.getElementById("VolunteerdayPhoneSuffix").value;
	setCookie("newvoldayphonesuffixcookie",newvoldayphonesuffix );
	var newvoldayphoneextention = document.getElementById("VolunteerdayPhoneExtention").value;
	setCookie("newvoldayphoneextentioncookie",newvoldayphoneextention );
	var newvoleveningphone = document.getElementById("VolunteereveningPhone").value;
	setCookie("newvoleveningphonecookie",newvoleveningphone );
	var newvoleningphoneprefix = document.getElementById("VolunteereveningPhonePrefix").value;
	setCookie("newvoleningphoneprefixcookie",newvoleningphoneprefix );	
	var newvoleningphonesuffix = document.getElementById("VolunteereveningPhoneSuffix").value;
	setCookie("newvoleningphonesuffixcookie",newvoleningphonesuffix );
	var newvolunteerprimaryemail = document.getElementById("VolunteerprimaryEmail").value;
	setCookie("newvolunteerprimaryemailcookie",newvolunteerprimaryemail );
	var newvolunteeragerange = document.getElementById("VolunteerageRange").value;
	setCookie("newvolunteeragerangecookie",newvolunteeragerange );	
	var newvtimemorning = document.getElementById("morning").value;
	setCookie("newvtimemorningcookie",newvtimemorning );
	
	var newvvtimeearlyafternoon = document.getElementById("earlyafternoon").value;
	setCookie("newvvtimeearlyafternooncookie",newvvtimeearlyafternoon );
	
	var newvoleveningphone = document.getElementById("lateafternoon").value;
	setCookie("newvoleveningphonecookie",newvoleveningphone );
	var newvoleningphoneprefix = document.getElementById("evening").value;
	setCookie("newvoleningphoneprefixcookie",newvoleningphoneprefix );	
	var newvoleningphonesuffix = document.getElementById("yesreceiveupdates").value;
	setCookie("newvoleningphonesuffixcookie",newvoleningphonesuffix );
	var newvolunteerprimaryemail = document.getElementById("notreceiveupdates").value;
	setCookie("newvolunteerprimaryemailcookie",newvolunteerprimaryemail );

 }
 
function setCookie(cookiename, cookievalue)
   {
     if(cookievalue!= "")
         {
	var now = new Date();

	var expirydate= new Date();

	var sevendays_ms = 7*24*60*60*1000;

	expirydate.setTime(now.getTime() +  sevendays_ms);

	document.cookie = cookiename+ "=" + cookievalue +"; expires=" + expirydate.toGMTString()+"; path=/";

	return 0;
       }
    else return -1;

  }

function checkCookies()
  {

   if (document.cookie.length>0)
      {
	var c_name="usernamecookie=";
	var c_email="emailcookie=";
	var c_postalcode="postalcodecookie=";
	var username = getCookie(c_name);
	if(username!=-1)
	{

	document.getElementById("username").value = username;
	alert("Welcome back " + username);

	}
	var email = getCookie(c_email);
	var postalcode = getCookie(c_postalcode);


	document.getElementById("email").value = email;
	document.getElementById("postalcode").value = postalcode;
  
     }
  }

function getCookie(cookiename)
  {
  var c_start=document.cookie.indexOf(cookiename);

  if(c_start!=-1)
      {	
	c_start=c_start + cookiename.length;
	
	var c_end=document.cookie.indexOf(";",c_start);

	if(c_end==-1) 
		c_end=document.cookie.length;

	var cookievalue = document.cookie.substring(c_start,c_end);

	return cookievalue;

     }
	else return -1;

  }


function confirmationPagetoDisplay()

   {
	
document.write("<form method='post' action='NeWsendvolunteerform.php'>");


document.write("<b>" + "Confirmation :" + "</b>" + "<br/>" + "<br/>");
document.write("First Name: " + volunteerfirstname +"<br/>");
document.write("Last Name: " + volunteerlastname +"<br/>");
document.write("Day phone: " + "(" + volunteerdayphone + ")" + volunteerdayphoneprefix + "-" + volunteerdayphonesuffix + "   Ext:  " + volunteerdayphoneextention + "<br/>");


document.write("Evening phone: " + "(" + volunteereveningphone + ")" + volunteereveningphoneprefix + "-" + volunteereveningphonesuffix + "<br/>");



document.write("Email: " + volunteerprimaryemail + "<br/>");

	 document.write("Age range: " + volunteeragerange + "<br/>" + "<br/>");

	 if(vtimemorning==true)       
	 {
document.write("You have requested to volunteer in the morning; " + "<br/>");
 
	 }
	 
	 
	 	 if(vtimeearlyafternoon != false)
	 {
		 document.write("You have requested to volunteer in the early afternoon; " + "<br/>");
	 
	 }
	 
	 
	 	 	 if(vtimelateafternoon != " " )
	 {
		 document.write("You have requested to volunteer in the late afternoon; " + "<br/>");

	 }
	 
	 
	 	 	 	 if(vtimeevening != " " )
	 {
		 document.write("You have requested to volunteer in the evening; "+ "<br/>");

	 }
	 
	 
	  	 	 	 if(yesreceiveupdates==true)
	 {
		 document.write("You have choosen to receive updates; " + "<br/>");
		 
	 }
	 
	 
	 
	 	  	 	 	 if(notreceiveupdates==true)
	 {
		 document.write("<br/>" + "You not agree to receive updates; " + "<br/>");
	 }
	  	  	 	 	 	 
					 if(volcoments!=" ")
	 {
		// alert(volcoments);
document.write("<br/>" + "Your comments were: " + volcoments + ";" + "<br/>" + "<br/>" + "<br/>");

	 }
	 
//	 window.location.href="http://skatewithdaniel.com/sendvolunteerform.php";



document.write("<input type='hidden' name='Volunteersalutation' value='"+volunteersalutation+"'>");
document.write("<input type='hidden' name='VolunteerfirstName' value='"+volunteerfirstname+"'>"); 
document.write("<input type='hidden' name='VolunteerlastName' value='"+volunteerlastname+"'>");
document.write("<input type='hidden' name='VolunteerdayPhone' value='"+volunteerdayphone+"'>");
document.write("<input type='hidden' name='VolunteerdayPhonePrefix' value='"+volunteerdayphoneprefix+"'>");
document.write("<input type='hidden' name='VolunteerdayPhoneSuffix' value='"+volunteerdayphonesuffix+"'>");
document.write("<input type='hidden' name='VolunteerdayPhoneExtention' value='"+volunteerdayphoneextention+"'>");
document.write("<input type='hidden' name='VolunteereveningPhone' value='"+volunteereveningphone+"'>");
document.write("<input type='hidden' name='VolunteereveningPhonePrefix' value='"+volunteereveningphoneprefix+"'>");
document.write("<input type='hidden' name='VolunteereveningPhoneSuffix' value='"+volunteereveningphonesuffix+"'>");
document.write("<input type='hidden' name='VolunteerprimaryEmail' value='"+volunteerprimaryemail+"'>");
document.write("<input type='hidden' name='VolunteerageRange' value='"+volunteeragerange+"'>");	
document.write("<input type='hidden' name='morning' value='"+vtimemorning+"'>");
document.write("<input type='hidden' name='earlyafternoon' value='"+vtimeearlyafternoon+"'>");	
document.write("<input type='hidden' name='lateafternoon' value='"+vtimelateafternoon+"'>");
document.write("<input type='hidden' name='evening' value='"+vtimeevening+"'>");
document.write("<input type='hidden' name='yesreceiveupdates' value='"+yesreceiveupdates+"'>");
document.write("<input type='hidden' name='volunteercoments' value='"+volcoments+"'>");	
document.write("<input type='submit' name='submit' value='The above information is correct'>");
document.write("</form>");
	 }


  function ValidateInput()
   {   
     var username=document.getElementById("VolunteerfirstName").value; 
	 var userlastname=document.getElementById("VolunteerlastName").value;
	 var voldayphone=document.getElementById("VolunteerdayPhone").value;
	 var voldayphoneprefix=document.getElementById("VolunteerdayPhonePrefix").value;
	 var voldayphonesuffix=document.getElementById("VolunteerdayPhoneSuffix").value;
     var email = document.getElementById("VolunteerprimaryEmail").value;
     if(username=="")
       { 
	 var p=document.getElementById("VolunteerfirstName");
       	p.style.backgroundColor="pink";
      	p.focus();
		document.getElementById("fnamevalidation").style.display="block";
        return false;
	   }//end of if not blanck
	document.getElementById("fnamevalidation").style.display="none";
    var name_pattern=new RegExp("[1234567890;*`!@#$%^&(){}\?/><]");
	// test the pattern, returns true if the input matches the character
	var isBad = name_pattern.test(username);
	if(isBad==true)
	{
		//alert("No special characters or numbers please");
		document.getElementById("fnamevalidation2").style.display="block";
	var label=document.getElementById("VolunteerfirstName");
		label.style.backgroundColor="AliceBlue";
		label.focus();
		return  false;
	}
	else
	{
		document.getElementById("fnamevalidation2").style.display="none";
		var p=document.getElementById("VolunteerfirstName");
       	p.style.backgroundColor="white";
      	p.focus();			
	}


if(userlastname=="")
       { 
	 var p=document.getElementById("VolunteerlastName");
       	p.style.backgroundColor="pink";
      	p.focus();
		document.getElementById("lnamevalidation").style.display="block";
        return false;
	   }//end of if not blanck
	document.getElementById("lnamevalidation").style.display="none";
    var name_pattern=new RegExp("[1234567890;*`!@#$%^&(){}\?/><]");
	// test the pattern, returns true if the input matches the character
	var isBad = name_pattern.test(userlastname);
	if(isBad==true)
	{
		//alert("No special characters or numbers please");
		document.getElementById("lnamevalidation2").style.display="block";
	var label=document.getElementById("VolunteerlastName");
		label.style.backgroundColor="AliceBlue";
		label.focus();
		return  false;
	}
	else
	{
		document.getElementById("lnamevalidation2").style.display="none";
		var p=document.getElementById("VolunteerlastName");
       	p.style.backgroundColor="white";
      	p.focus();			
	}
  /*   if(voldayphone=="")
       { 
	 document.getElementById("dayfvalidation").style.display="block";
	 var p=document.getElementById("VolunteerdayPhone");
       	p.style.backgroundColor="pink";
      	p.focus();
        return false;
	   }    */  //end of if not blanck
	   
	   
	document.getElementById("dayfvalidation").style.display="none";
	var name_pattern=new RegExp("[qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM;*`!@#$%^&(){}\?/><]");
	// test the pattern, returns true if the input matches the character
	var isBad = name_pattern.test(voldayphone);
	if(isBad==true)
	{
		//alert("No special characters or letters");
		document.getElementById("dayfvalidation1").style.display="block";
	var label=document.getElementById("VolunteerdayPhone");
		label.style.backgroundColor="AliceBlue";
		label.focus();
		return  false;
	}
	
 	else
	{
		document.getElementById("dayfvalidation1").style.display="none";
		var p=document.getElementById("VolunteerdayPhone");
       	p.style.backgroundColor="white";
      	p.focus();		
	}

  /*  if(voldayphoneprefix=="")
       { 
	 var p=document.getElementById("VolunteerdayPhonePrefix");
	 document.getElementById("dayfvalidation2").style.display="block";
       	p.style.backgroundColor="pink";
      	p.focus();
        return false;
	   }//end of if not blanck   */
	    document.getElementById("dayfvalidation2").style.display="none";
		var name_pattern=new RegExp("[qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM;*`!@#$%^&(){}\?/><]");
	// test the pattern, returns true if the input matches the character
	var isBad = name_pattern.test(voldayphoneprefix);
	if(isBad==true)
	{
		//alert("No special characters or letters");
		document.getElementById("dayfvalidation1").style.display="block";
	var label=document.getElementById("VolunteerdayPhonePrefix");
		label.style.backgroundColor="AliceBlue";
		label.focus();
		return  false;
	}   
	   else
	{
		var p=document.getElementById("VolunteerdayPhonePrefix");
       	p.style.backgroundColor="white";
      	p.focus();		
	}

   /* if(voldayphonesuffix=="")
       { 
	 document.getElementById("dayfvalidation3").style.display="block";
	 var p=document.getElementById("VolunteerdayPhoneSuffix");
       	p.style.backgroundColor="pink";
      	p.focus();
        return false;
	   }//end of if not blanck   */
	   document.getElementById("dayfvalidation3").style.display="none";
	   
var name_pattern=new RegExp("[qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM;*`!@#$%^&(){}\?/><]");
	// test the pattern, returns true if the input matches the character
	var isBad = name_pattern.test(voldayphonesuffix);
	if(isBad==true)
	{
		//alert("No special characters or letters");
		document.getElementById("dayfvalidation1").style.display="block";
	var label=document.getElementById("VolunteerdayPhoneSuffix");
		label.style.backgroundColor="AliceBlue";
		label.focus();
		return  false;
	}   	   
	else
	{
		document.getElementById("dayfvalidation1").style.display="none";
		var p=document.getElementById("VolunteerdayPhoneSuffix");
       	p.style.backgroundColor="white";
      	p.focus();		
	}

if(email=="")
     { 
	 document.getElementById("emvalidation").style.display="block";
	 var p=document.getElementById("VolunteerprimaryEmail");
		p.style.backgroundColor="pink";
    	p.focus();
        return false;
	 }//end of if		
document.getElementById("emvalidation").style.display="none";
var name_pattern=new RegExp("[;*`!#$%^&(){}\?/><]");
	// test the pattern, returns true if the input matches the character
	var isBad = name_pattern.test(email);
	if(isBad==true){

		//alert("No special characters please");
		document.getElementById("emvalidation1").style.display="block";
	var label=document.getElementById("email");
		label.style.backgroundColor="red";
		label.focus();
		return  false;
	}
	document.getElementById("emvalidation1").style.display="none";
	var email_pattern=new RegExp("^[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$");

	// test the pattern, returns true if the input matches the pattern
	var isGoodEM = email_pattern.test(email);

	if(isGoodEM==false){
		document.getElementById("emvalidation2").style.display="block";
		//alert("Please entet a valid email");
		var label=document.getElementById("email");
		label.style.backgroundColor="red";
		label.focus();
		return  false;
	}
	else
	{
    document.getElementById("emvalidation2").style.display="none";
	}
    
	//	alert("input is valid");	

	return true;


  }//ValidateInput()