// form validation function //
var nameRegex = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;
var emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
var phoneRegex = /^(\+\d)*\s*(\(\d{3}\)\s*)*\d{3}(-{0,1}|\s{0,1})\d{2}(-{0,1}|\s{0,1})\d{2}$/;
var messageRegex = new RegExp(/<\/?\w+((\s+\w+(\s*=\s*(?:".*?"|'.*?'|[^'">\s]+))?)+\s*|\s*)\/?>/gim);

function validateAddToCart(form) {
	for(i=0; i<3; i++) {
		var option = $('option_'+i);
		if(option) {
			if(!option.value) {
				inlineMsg('option_'+i,'<strong>Error</strong><br />You must choose a valid option.',2);
    		return false;
			}
		}
	}
}

function validateContact(form) {
  var name = $('name').value;
	var email = $('email').value;
	var phone = $('phone').value;
	var message = $('message').value;

	if(name == "") {
    inlineMsg('name','<strong>Error</strong><br />You must enter your name.',2);
    return false;
  }
  if(email == "") {
    inlineMsg('email','<strong>Error</strong><br />You must enter your email.',2);
    return false;
  }
  if(!email.match(emailRegex)) {
    inlineMsg('email','<strong>Error</strong><br />You have entered an invalid email.',2);
    return false;
  }

	if(message == "") {
    inlineMsg('message','<strong>Error</strong><br />You must enter a message.',2);
    return false;
  }

  return true;
}

function validateCC(form) {
	if(!$('ccNumber'))
		return;
	var ccNumber = $('ccNumber').value;
	var ccCode = $('ccCode').value;
	
	if(!ccNumber) {
		inlineMsg('ccNumber','<strong>Error</strong><br />You must enter a valid credit card number.',2);
    return false;
	}
	
	if(!ccCode) {
		inlineMsg('ccCode','<strong>Error</strong><br />You must enter a valid cvv code.',2);
    return false;
	}
}

function validateEmailDeal(form) {
	var to_email = $('to_email').value;
		
	if(!to_email || !to_email.match(emailRegex)) {
		inlineMsg('to_email','<strong>Error</strong><br />You must enter a valid email address.',2);
    return false;
	}
	
	var from_email = $('from_email').value;
		
	if(!from_email || !from_email.match(emailRegex)) {
		inlineMsg('from_email','<strong>Error</strong><br />You must enter a valid email address.',2);
    return false;
	}
}

function validateAddress(form) {
	var email = $('email').value;
	var ship_first = $('ship_first').value;
	var ship_last = $('ship_last').value;
	var ship_street = $('ship_street').value;
	var ship_city = $('ship_city').value;
	var ship_state = $('ship_state').value;
	var ship_zip = $('ship_zip').value;

	
	if(!email || !email.match(emailRegex)) {
		inlineMsg('email','<strong>Error</strong><br />You must enter a valid email address.',2);
    return false;
	}
	
	if(!ship_first || !ship_first.match(nameRegex)) {
		inlineMsg('ship_first','<strong>Error</strong><br />You must enter a valid first name.',2);
    return false;
	}
	
	if(!ship_last || !ship_last.match(nameRegex)) {
		inlineMsg('ship_last','<strong>Error</strong><br />You must enter a valid last name.',2);
    return false;
	}
	
	if(!ship_street) {
		inlineMsg('ship_street','<strong>Error</strong><br />You must enter a street address.',2);
    return false;
	}
	
	if(!ship_city) {
		inlineMsg('ship_city','<strong>Error</strong><br />You must enter a city.',2);
    return false;
	}
	
	if(!ship_state) {
		inlineMsg('ship_state','<strong>Error</strong><br />You must enter a state.',2);
    return false;
	}
	
	if(!ship_zip) {
		inlineMsg('ship_zip','<strong>Error</strong><br />You must enter a zip.',2);
    return false;
	}
	
	if(!$('same').checked) {
		var bill_first = $('bill_first').value;
		var bill_last = $('bill_last').value;
		var bill_street = $('bill_street').value;
		var bill_city = $('bill_city').value;
		var bill_state = $('bill_state').value;
		var bill_zip = $('bill_zip').value;
		var same = $('same').value;
		
		if(!email || !email.match(emailRegex)) {
			inlineMsg('email','<strong>Error</strong><br />You must enter a valid email address.',2);
			return false;
		}
		
		if(!bill_first || !bill_first.match(nameRegex)) {
			inlineMsg('bill_first','<strong>Error</strong><br />You must enter a valid first name.',2);
			return false;
		}
		
		if(!bill_last || !bill_last.match(nameRegex)) {
			inlineMsg('bill_last','<strong>Error</strong><br />You must enter a valid last name.',2);
			return false;
		}
		
		if(!bill_street) {
			inlineMsg('bill_street','<strong>Error</strong><br />You must enter a street address.',2);
			return false;
		}
		
		if(!bill_city) {
			inlineMsg('bill_city','<strong>Error</strong><br />You must enter a city.',2);
			return false;
		}
		
		if(!bill_state) {
			inlineMsg('bill_state','<strong>Error</strong><br />You must enter a state.',2);
			return false;
		}
		
		if(!bill_zip) {
			inlineMsg('bill_zip','<strong>Error</strong><br />You must enter a zip.',2);
			return false;
		}
	}
}

// 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 = "images/msg_arrow.gif"; 
}