// form validation function //
function validate(form) 
{
 var email = form.email.value;
 var email2 = form.email2.value;
 var password = form.password.value;
 var password2 = form.password2.value;
 // billing
 var first_name = form.first_name.value;
 var last_name = form.last_name.value;
 var address1 = form.address1.value;
 var address2 = form.address2.value;
 var city = form.city.value;
 var stateIndex = form.state.selectedIndex;
 var region = form.region.value;
 var zip = form.zip.value;
 var countryIndex = form.country.selectedIndex;
 var phone = form.phone.value;
 // shipping
 var first_name2 = form.first_name2.value;
 var last_name2 = form.last_name2.value;
 var address1_2 = form.address1_2.value;
 var address2_2 = form.address2_2.value;
 var city2 = form.city2.value;
 var stateIndex2 = form.state2.selectedIndex;
 var region2 = form.region2.value;
 var zip2 = form.zip2.value;
 var countryIndex2 = form.country2.selectedIndex;
 var phone2 = form.phone2.value;

 
//  var nameRegex = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;
//  var emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
  var messageRegex = new RegExp(/<\/?\w+((\s+\w+(\s*=\s*(?:".*?"|'.*?'|[^'">\s]+))?)+\s*|\s*)\/?>/gim);
  
  // email
  if(email == "") {
    inlineMsg('email','Enter email.',2);
    return false;
  }
  if(email2 == "") {
    inlineMsg('email2','Confirm email.',2);
    return false;
  }
//  if(!email.match(emailRegex)) {    // this isn't working ?
//    inlineMsg('email','Invalid email.',2);
//    return false;
//  }
  if(email != email2) {
    inlineMsg('email','Emails do not match.',2);
    return false;
  }
  // password
  if(password == "") {
    inlineMsg('password','Enter password.',2);
    return false;
  }
  if(password2 == "") {
    inlineMsg('password2','Confirm password.',2);
    return false;
  }
  if(password != password2) {
    inlineMsg('password','Passwords do not match.',2);
    return false;
  }
  //billing
  if(first_name == "") {
    inlineMsg('first_name','Enter first name.',2);
    return false;
  }
  if(last_name == "") {
    inlineMsg('last_name','Enter last name.',2);
    return false;
  }
  if(address1 == "") {
    inlineMsg('address1','Enter address.',2);
    return false;
  }
  if(city == "") {
    inlineMsg('city','Enter city.',2);
    return false;
  }
  if(stateIndex == 0) 
  {  // US is index 217
	  if( countryIndex == 211) 
	  {
		inlineMsg('state','Select state.',2);
		return false;
	  }
  }
  if(region == "") 
  {  // US is index 217
	  if( countryIndex != 211) 
	  {
		inlineMsg('region','Enter region.',2);
		return false;
	  }
  }
  if(zip == "") {
    inlineMsg('zip','Enter zip/postal code.',2);
    return false;
  }
  if(phone == "") {
    inlineMsg('phone','Enter phone number.',2);
    return false;
  }
  // shipping
  if(first_name2 == "") {
    inlineMsg('first_name2','Enter first name.',2);
    return false;
  }
  if(last_name2 == "") {
    inlineMsg('last_name2','Enter last name.',2);
    return false;
  }
  if(address1_2 == "") {
    inlineMsg('address1_2','Enter address.',2);
    return false;
  }
  if(city2 == "") {
    inlineMsg('city2','Enter city.',2);
    return false;
  }
  if(stateIndex2 == 0) 
  {  // US is index 217
	  if( countryIndex2 == 211) 
	  {
		inlineMsg('state2','Select state.',2);
		return false;
	  }
  }
  if(region2 == "") 
  {  // US is index 217
	  if( countryIndex2 != 211) 
	  {
		inlineMsg('region2','Enter region.',2);
		return false;
	  }
  }
  if(zip2 == "") {
    inlineMsg('zip2','Enter zip/postal code.',2);
    return false;
  }
  if(phone2 == "") {
    inlineMsg('phone2','Enter phone number.',2);
    return false;
  }
  

return true;
}

// START OF MESSAGE SCRIPT //

var MSGTIMER = 20;
var MSGSPEED = 5;
var MSGOFFSET = 3;
var MSGHIDE = 3;

// build out the divs, set attributes and call the fade function //
function inlineMsg(target,string,autohide) {
  var msg;
  var msgcontent;
  if(!document.getElementById('msg')) {
    msg = document.createElement('div');
    msg.id = 'msg';
    msgcontent = document.createElement('div');
    msgcontent.id = 'msgcontent';
    document.body.appendChild(msg);
    msg.appendChild(msgcontent);
    msg.style.filter = 'alpha(opacity=0)';
    msg.style.opacity = 0;
    msg.alpha = 0;
  } else {
    msg = document.getElementById('msg');
    msgcontent = document.getElementById('msgcontent');
  }
  msgcontent.innerHTML = string;
  msg.style.display = 'block';
  var msgheight = msg.offsetHeight;
  var targetdiv = document.getElementById(target);
  targetdiv.focus();
  var targetheight = targetdiv.offsetHeight;
  var targetwidth = targetdiv.offsetWidth;
  var topposition = topPosition(targetdiv) - ((msgheight - targetheight) / 2);
  var leftposition = leftPosition(targetdiv) + targetwidth + MSGOFFSET;
  msg.style.top = topposition + 'px';
  msg.style.left = leftposition + 'px';
  clearInterval(msg.timer);
  msg.timer = setInterval("fadeMsg(1)", MSGTIMER);
  if(!autohide) {
    autohide = MSGHIDE;  
  }
  window.setTimeout("hideMsg()", (autohide * 1000));
}

// hide the form alert //
function hideMsg(msg) {
  var msg = document.getElementById('msg');
  if(!msg.timer) {
    msg.timer = setInterval("fadeMsg(0)", MSGTIMER);
  }
}

// face the message box //
function fadeMsg(flag) {
  if(flag == null) {
    flag = 1;
  }
  var msg = document.getElementById('msg');
  var value;
  if(flag == 1) {
    value = msg.alpha + MSGSPEED;
  } else {
    value = msg.alpha - MSGSPEED;
  }
  msg.alpha = value;
  msg.style.opacity = (value / 100);
  msg.style.filter = 'alpha(opacity=' + value + ')';
  if(value >= 99) {
    clearInterval(msg.timer);
    msg.timer = null;
  } else if(value <= 1) {
    msg.style.display = "none";
    clearInterval(msg.timer);
  }
}

// calculate the position of the element in relation to the left of the browser //
function leftPosition(target) {
  var left = 0;
  if(target.offsetParent) {
    while(1) {
      left += target.offsetLeft;
      if(!target.offsetParent) {
        break;
      }
      target = target.offsetParent;
    }
  } else if(target.x) {
    left += target.x;
  }
  return left;
}

// calculate the position of the element in relation to the top of the browser window //
function topPosition(target) {
  var top = 0;
  if(target.offsetParent) {
    while(1) {
      top += target.offsetTop;
      if(!target.offsetParent) {
        break;
      }
      target = target.offsetParent;
    }
  } else if(target.y) {
    top += target.y;
  }
  return top;
}

// preload the arrow //
if(document.images) {
  arrow = new Image(7,80); 
  arrow.src = "user_auth/images/msg_arrow.gif"; 
}