<!--





function zzFocus(zfield,zlabel,zmessage) 
 {
   document.getElementById(zfield).style.backgroundColor = '#FFF9EC'; 
   document.getElementById(zlabel).style.color = '#1F4061';
   document.getElementById(zlabel).innerHTML = zmessage;
}


function DescriptionFocus() 
 {
   document.getElementById('Description').style.backgroundColor = '#FFF9EC'; 
   document.getElementById('lblDescription').style.color = '#1F4061';
   document.getElementById('lblDescription').innerHTML = 'Photo Description:';
}


function RegValidate(form1,form2) 
 {

 var xxPhotoName = form1.elements['PhotoName'].value; 
 var xxDescription = form1.elements['Description'].value;
 var xxParentFName =  form1.elements['ParentFName'].value;
 var xxParentLName =  form1.elements['ParentLName'].value;
 var xxParentPhone =  form1.elements['ParentPhone'].value;
 var xxChildFName =  form1.elements['ChildFName'].value;
 var xxboyorgirl =  form1.elements['boyorgirl'].value;
 var xxbMonth =  form1.elements['bMonth'].value;
 var xxbDay =  form1.elements['bDay'].value;
 var xxbYear =  form1.elements['bYear'].value;
 var xxCountry =  form1.elements['country'].value;
 var xxCity =  form1.elements['city'].value;
 var xxState =  form1.elements['state'].value;

if (form2 == "add")
	 {

var xxbbfname =  form1.elements['bbfname'].value;
var xxbblname =  form1.elements['bblname'].value;
var xxbbaddress =  form1.elements['bbaddress'].value;
var xxbbcity =  form1.elements['bbcity'].value;
var xxbbstate =  form1.elements['bbstate'].value;
var xxbbzip =  form1.elements['bbzip'].value;
var xxbbcountry =  form1.elements['bbcountry'].value;
var xxx_month =  form1.elements['x_month'].value;
var xxx_year =  form1.elements['x_year'].value;
var xxcardcode =  form1.elements['cardcode'].value;
var xxnameoncard =  form1.elements['nameoncard'].value;
var xxcardnumber =  form1.elements['cardnumber'].value;
xxcardnumber = xxcardnumber.replace(/[-' ']/g,'');
document.getElementById('cardnumber').value=xxcardnumber;


	 }
// Check Photo Name

 if (xxPhotoName == "") 
  {
     alert("You must enter photo name");
     form1.elements['PhotoName'].style.backgroundColor='#FFF4F4'; 
     form1.elements['PhotoName'].style.border = '1px solid #CC0000';
     document.getElementById('lblPhotoName').style.color = '#CC0000';
     document.getElementById('lblPhotoName').innerHTML = 'Empty Photo Name:';
     return false;
  }

// Check Photo Description
 if (xxDescription == "") 
  {
     alert("You must enter photo description");
     form1.elements['Description'].style.backgroundColor='#FFF4F4'; 
     form1.elements['Description'].style.border = '1px solid #CC0000';
     document.getElementById('lblDescription').style.color = '#CC0000';
     document.getElementById('lblDescription').innerHTML = 'Empty Photo Description:';
     return false;
  }

// Check Parent First Name
 if (xxParentFName == "") 
  {
     alert("You must enter parent first name");
     form1.elements['ParentFName'].style.backgroundColor='#FFF4F4'; 
     form1.elements['ParentFName'].style.border = '1px solid #CC0000';
     document.getElementById('lblfname').style.color = '#CC0000';
     document.getElementById('lblfname').innerHTML = 'Empty First Name:';
     return false;
  }


  // Check Parent Last Name
 if (xxParentLName == "") 
  {
     alert("You must enter parent last name");
     form1.elements['ParentLName'].style.backgroundColor='#FFF4F4'; 
     form1.elements['ParentLName'].style.border = '1px solid #CC0000';
     document.getElementById('lbllname').style.color = '#CC0000';
     document.getElementById('lbllname').innerHTML = 'Empty Last Name:';
     return false;
  }



  // Check Parent Phone
 if (xxParentPhone == "") 
  {
     alert("You must enter parent phone");
     form1.elements['ParentPhone'].style.backgroundColor='#FFF4F4'; 
     form1.elements['ParentPhone'].style.border = '1px solid #CC0000';
     document.getElementById('lblphone').style.color = '#CC0000';
     document.getElementById('lblphone').innerHTML = 'Empty Phone:';
     return false;
  }


var stripped = xxParentPhone.replace(/[\(\)\.\-\ ]/g, '');
//strip out acceptable non-numeric characters
if (isNaN(parseInt(stripped))) {

     alert("The phone number contains illegal characters");
     form1.elements['ParentPhone'].style.backgroundColor='#FFF4F4'; 
     form1.elements['ParentPhone'].style.border = '1px solid #CC0000';
     document.getElementById('lblphone').style.color = '#CC0000';
     document.getElementById('lblphone').innerHTML = 'Phone: contains illegal characters:';
return false;
}

  // Check Child first name
 if (xxChildFName == "") 
  {
     alert("You must enter Child First Name");
     form1.elements['ChildFName'].style.backgroundColor='#FFF4F4'; 
     form1.elements['ChildFName'].style.border = '1px solid #CC0000';
     document.getElementById('lblchildfname').style.color = '#CC0000';
     document.getElementById('lblchildfname').innerHTML = 'Empty Childs First Name:';
     return false;
  }


  // Check Gender
 if (xxboyorgirl == "") 
  {
     alert("Please Select Gender");
     form1.elements['boyorgirl'].style.backgroundColor='#FFF4F4'; 
     form1.elements['boyorgirl'].style.border = '1px solid #CC0000';
     document.getElementById('lblboyorgirl').style.color = '#CC0000';
     document.getElementById('lblboyorgirl').innerHTML = 'Please Select Gender:';
     return false;
  }

    // Check Birthday
 if (xxbMonth == 00 || xxbDay == 00 || xxbYear == 0000) 
  {
     alert("You must select Child's Birthday");
     //form1.elements['bMonth'].style.backgroundColor='#FFF4F4'; 
     //form1.elements['bMonth'].style.border = '1px solid #CC0000';
	 //document.getElementById('lblbmonth').style.color = '#CC0000';
     document.getElementById('lblbirthday').style.color = '#CC0000';
     document.getElementById('lblbirthday').innerHTML = "Select Child's Birthday:";

     return false;
  }






  // Check City
 if (xxCity == "") 
  {
     alert("You must enter City");
     form1.elements['city'].style.backgroundColor='#FFF4F4'; 
     form1.elements['city'].style.border = '1px solid #CC0000';
     document.getElementById('lblcity').style.color = '#CC0000';
     document.getElementById('lblcity').innerHTML = 'Empty City:';
     return false;
  }



  // Check State if USA

if (xxCountry == "US|UNITED STATES")
{
if (xxState == "") 
  {
     alert("You must enter State");
     form1.elements['state'].style.backgroundColor='#FFF4F4'; 
     form1.elements['state'].style.border = '1px solid #CC0000';
     document.getElementById('lblstate').style.color = '#CC0000';
     document.getElementById('lblstate').innerHTML = 'Empty State:';
     return false;
  }
}




if (form2 == "add")
	 {



  // Billing Check First Name
 if (xxbbfname == "") 
  {
     alert("Billing: You must enter First Name");
     form1.elements['bbfname'].style.backgroundColor='#FFF4F4'; 
     form1.elements['bbfname'].style.border = '1px solid #CC0000';
     document.getElementById('lblbbfname').style.color = '#CC0000';
     document.getElementById('lblbbfname').innerHTML = 'Empty First Name:';
     return false;
  }



  // Billing Check Last Name
 if (xxbblname == "") 
  {
     alert("Billing: You must enter Last Name");
     form1.elements['bblname'].style.backgroundColor='#FFF4F4'; 
     form1.elements['bblname'].style.border = '1px solid #CC0000';
     document.getElementById('lblbblname').style.color = '#CC0000';
     document.getElementById('lblbblname').innerHTML = 'Empty Last Name:';
     return false;
  }


  // Billing Check Address
 if (xxbbaddress == "") 
  {
     alert("Billing: You must enter Address");
     form1.elements['bbaddress'].style.backgroundColor='#FFF4F4'; 
     form1.elements['bbaddress'].style.border = '1px solid #CC0000';
     document.getElementById('lblbbaddress').style.color = '#CC0000';
     document.getElementById('lblbbaddress').innerHTML = 'Empty Address:';
     return false;
  }


    // Billing Check City
 if (xxbbcity == "") 
  {
     alert("Billing: You must enter City");
     form1.elements['bbcity'].style.backgroundColor='#FFF4F4'; 
     form1.elements['bbcity'].style.border = '1px solid #CC0000';
     document.getElementById('lblbbcity').style.color = '#CC0000';
     document.getElementById('lblbbcity').innerHTML = 'Empty City:';
     return false;
  }


    // Billing Check State
 if (xxbbstate == "") 
  {
     alert("Billing: You must enter State");
     form1.elements['bbstate'].style.backgroundColor='#FFF4F4'; 
     form1.elements['bbstate'].style.border = '1px solid #CC0000';
     document.getElementById('lblbbstate').style.color = '#CC0000';
     document.getElementById('lblbbstate').innerHTML = 'Empty State:';
     return false;
  }


    // Billing Check Zip
 if (xxbbzip == "") 
  {
     alert("Billing: You must enter Zip");
     form1.elements['bbzip'].style.backgroundColor='#FFF4F4'; 
     form1.elements['bbzip'].style.border = '1px solid #CC0000';
     document.getElementById('lblbbzip').style.color = '#CC0000';
     document.getElementById('lblbbzip').innerHTML = 'Empty Zip:';
     return false;
  }


    // Billing Check Country
 if (xxbbcountry == "") 
  {
     alert("Billing: You must enter Country");
     form1.elements['bbcountry'].style.backgroundColor='#FFF4F4'; 
     form1.elements['bbcountry'].style.border = '1px solid #CC0000';
     document.getElementById('lblbbcountry').style.color = '#CC0000';
     document.getElementById('lblbbcountry').innerHTML = 'Empty Country:';
     return false;
  }

    // Billing Check Name on card
 if (xxnameoncard == "") 
  {
     alert("Billing: You must enter Name as it appears on your credit card.");
     form1.elements['nameoncard'].style.backgroundColor='#FFF4F4'; 
     form1.elements['nameoncard'].style.border = '1px solid #CC0000';
     document.getElementById('lblnameoncard').style.color = '#CC0000';
     document.getElementById('lblnameoncard').innerHTML = 'Empty Name on the Credit Card:';
     return false;
  }

    // Billing Check Card Number
 if (xxcardnumber == "") 
  {
    alert("Billing: You must enter Credit Card Number");
    form1.elements['cardnumber'].style.backgroundColor='#FFF4F4'; 
     form1.elements['cardnumber'].style.border = '1px solid #CC0000';
     document.getElementById('lblcardnumber').style.color = '#CC0000';
     document.getElementById('lblcardnumber').innerHTML = 'Empty Card Number:';

     return false;
  }
// change alert to on-page display or other indication as needed. 


var ccNumb = xxcardnumber
var valid = "0123456789"  // Valid digits in a credit card number
var len = ccNumb.length;  // The length of the submitted cc number
var iCCN = parseInt(ccNumb);  // integer of ccNumb
var sCCN = ccNumb.toString();  // string of ccNumb
sCCN = sCCN.replace (/^\s+|\s+$/g,'');  // strip spaces
var iTotal = 0;  // integer total set at zero
var bNum = true;  // by default assume it is a number
var bResult = false;  // by default assume it is NOT a valid cc
var temp;  // temp variable for parsing string
var calc;  // used for calculation of each digit

// Determine if the ccNumb is in fact all numbers
for (var j=0; j<len; j++) {
  temp = "" + sCCN.substring(j, j+1);
  if (valid.indexOf(temp) == "-1"){bNum = false;}
}

// if it is NOT a number, you can either alert to the fact, or just pass a failure
if(!bNum){
  /*alert("Not a Number");*/bResult = false;
}

// Determine if it is the proper length 
if((len == 0)&&(bResult)){  // nothing, field is blank AND passed above # check
  bResult = false;
} else{  // ccNumb is a number and the proper length - let's see if it is a valid card number
  if(len >= 15){  // 15 or 16 for Amex or V/MC
    for(var i=len;i>0;i--){  // LOOP throught the digits of the card
      calc = parseInt(iCCN) % 10;  // right most digit
      calc = parseInt(calc);  // assure it is an integer
      iTotal += calc;  // running total of the card number as we loop - Do Nothing to first digit
      i--;  // decrement the count - move to the next digit in the card
      iCCN = iCCN / 10;                               // subtracts right most digit from ccNumb
      calc = parseInt(iCCN) % 10 ;    // NEXT right most digit
      calc = calc *2;                                 // multiply the digit by two
      // Instead of some screwy method of converting 16 to a string and then parsing 1 and 6 and then adding them to make 7,
      // I use a simple switch statement to change the value of calc2 to 7 if 16 is the multiple.
      switch(calc){
        case 10: calc = 1; break;       //5*2=10 & 1+0 = 1
        case 12: calc = 3; break;       //6*2=12 & 1+2 = 3
        case 14: calc = 5; break;       //7*2=14 & 1+4 = 5
        case 16: calc = 7; break;       //8*2=16 & 1+6 = 7
        case 18: calc = 9; break;       //9*2=18 & 1+8 = 9
        default: calc = calc;           //4*2= 8 &   8 = 8  -same for all lower numbers
      }                                               
    iCCN = iCCN / 10;  // subtracts right most digit from ccNum
    iTotal += calc;  // running total of the card number as we loop
  }  // END OF LOOP
  if ((iTotal%10)==0){  // check to see if the sum Mod 10 is zero
    bResult = true;  // This IS (or could be) a valid credit card number.
  } else {
    bResult = false;  // This could NOT be a valid credit card number
    }
  }
}
// change alert to on-page display or other indication as needed.
//if(bResult) {
 // alert("This IS a valid Credit Card Number!");
//}
if(!bResult){

    alert("Credit Card Number is invalid");
    form1.elements['cardnumber'].style.backgroundColor='#FFF4F4'; 
     form1.elements['cardnumber'].style.border = '1px solid #CC0000';
     document.getElementById('lblcardnumber').style.color = '#CC0000';
     document.getElementById('lblcardnumber').innerHTML = 'Invalid Card Number:';


  return false;


}







    // Billing Check x_month
 if (xxx_month == 00) 
  {
     alert("Billing: You must enter card expiration month ");
     form1.elements['x_month'].style.backgroundColor='#FFF4F4'; 
     form1.elements['x_month'].style.border = '1px solid #CC0000';
    document.getElementById('lblexpdate').style.color = '#CC0000';
     document.getElementById('lblexpdate').innerHTML = 'Empty expiration month:';
     return false;
  }

    // Billing Check x_year
 if (xxx_year == 0000) 
  {
     alert("Billing: You must enter card expiration year");
     form1.elements['x_year'].style.backgroundColor='#FFF4F4'; 
     form1.elements['x_year'].style.border = '1px solid #CC0000';
	document.getElementById('lblexpdate').style.color = '#CC0000';
     document.getElementById('lblexpdate').innerHTML = 'Empty Expiration year:';
     return false;
  }

    // Billing Check cardcode
 if (xxcardcode == "") 
  {
     alert("Billing: You must enter 3 or 4 digit Security code");
     form1.elements['cardcode'].style.backgroundColor='#FFF4F4'; 
     form1.elements['cardcode'].style.border = '1px solid #CC0000';
     document.getElementById('lblcardcode').style.color = '#CC0000';
     document.getElementById('lblcardcode').innerHTML = 'Empty Code:';
     return false;
  }










	 }











return true;


}



/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: David Leppek :: https://www.azcode.com/Mod10

Basically, the alorithum takes each digit, from right to left and muliplies each second
digit by two. If the multiple is two-digits long (i.e.: 6 * 2 = 12) the two digits of
the multiple are then added together for a new number (1 + 2 = 3). You then add up the 
string of numbers, both unaltered and new values and get a total sum. This sum is then
divided by 10 and the remainder should be zero if it is a valid credit card. Hense the
name Mod 10 or Modulus 10. */




 // -->