// form validation function //
function validate(form) {
  var firstname = form.firstname.value;
  var firstnameRegex = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;
  var lastname = form.lastname.value;  
  var lastnameRegex = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;
  var txtemail = form.txtemail.value;
  var txtemailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
  var txtemailconfirm = form.txtemailconfirm.value;
  var txtemailconfirmRegex = form.txtemail.value;
  var radiocustomerRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
  var phone = form.phone.value;
  var phoneRegex = /^\D?(\d{3})\D?\D?(\d{3})\D?(\d{4})$/;
  var busPostal = form.busPostal.value;
  var busPostalRegex = /^([a-zA-Z]\d[a-zA-Z])\ {0,1}(\d[a-zA-Z]\d)$/;
  var custom_BusinessSize = form.custom_BusinessSize.value;
  var custom_Province = form.custom_Province.value;
  var custom_Verticals = form.custom_Verticals.value;

  
  if(firstname == "") {
    inlineMsg('firstname','You must enter your first name.',2);
    return false;
  }
  if(!firstname.match(firstnameRegex)) {
    inlineMsg('firstname','You have entered an invalid name.',2);
    return false;
  }
  if(lastname == "") {
    inlineMsg('lastname','You must enter your last name.',2);
    return false;
  }
  if(!lastname.match(lastnameRegex)) {
    inlineMsg('lastname','You have entered an invalid name.',2);
    return false;
  }
  if(txtemail == "") {
    inlineMsg('txtemail','<strong>Error</strong><br />You must enter your email.',2);
    return false;
  }
  if(!txtemail.match(txtemailRegex)) {
    inlineMsg('txtemail','<strong>Error</strong><br />You have entered an invalid email.',2);
    return false;
  }
  if(txtemailconfirm == "") {
    inlineMsg('txtemailconfirm','You must confirm your email.',2);
    return false;
  }
  if(!txtemailconfirm.match(txtemailconfirmRegex)) {
    inlineMsg('txtemailconfirm','<strong>Error</strong><br />Your emails must match.',2);
    return false;
  }
  if (!form.custom_CurrentCustomer[0].checked && !form.custom_CurrentCustomer[1].checked) {
	  inlineMsg('radiocustomer','You must select an option.',2);
	return false;
  }
  
  // test if user is a current TELUS client
  
  if(phone == "") {
	  if (form.custom_CurrentCustomer[0].checked) {
		  // alert("Yes checked so phone is mandatory.");
    inlineMsg('phone','You must enter your Phone Number.',2);
    return false;
	  }
  }
  if(!phone.match(phoneRegex)) {
	  if (form.custom_CurrentCustomer[0].checked) {
    inlineMsg('phone','You have entered an invalid Phone Number.',2);
    return false;
	  }
  }
  if(busPostal == "") {
    inlineMsg('busPostal','You must enter your Postal Code.',2);
    return false;
  }
  if(!busPostal.match(busPostalRegex)) {
    inlineMsg('busPostal','You have entered an invalid Postal Code.',2);
    return false;
  }
  if(custom_BusinessSize == "none") {
    inlineMsg('custom_BusinessSize','You must select your Business size.',2);
    return false;
  }
  if(custom_Province == "none") {
    inlineMsg('custom_Province','You must select your Province.',2);
    return false;
  }
  if(custom_Verticals == "none") {
    inlineMsg('custom_Verticals','You must choose your Primary Industry.',2);
    return false;
  }
  // start code to validate at least one area of interest is checked
  var i=0
  var areaschecked = "notchecked"
  for (i=0;i<=16;i++) {
	  if(!(document.getElementById('CheckboxGroup1_' + i) == null)){
		  // alert("Element CheckboxGroup1_" + i + " exists.");
		  if (document.getElementById('CheckboxGroup1_' + i).checked) {
			  //alert("Element CheckboxGroup1_" + i + " is checked.");
			  areaschecked = "checked";
			  break;
										}
	  }
	  
  }
  
  // end code to validate at least one area of interest is checked
  // if(!(document.getElementById('CheckboxGroup1_0').checked || document.getElementById('CheckboxGroup1_1').checked || document.getElementById('CheckboxGroup1_2').checked || document.getElementById('CheckboxGroup1_3').checked)){
  
  // alert("At least one area checked = " + areaschecked);
  if(areaschecked == "notchecked"){
	  //alert("The value of areaschecked = " + areaschecked);
  inlineMsg('checkboxParent','You must select at least one Area of Interest.',2);
    return false;
  }
  return true;
}

function setPhoneMandatory() {
	// alert("Yes selected.");
	document.getElementById('phoneToggle').innerHTML = "<p class='p1'>Business Phone Number <SPAN class='asterisk'>*</span></p>";
}

function setPhoneNotMandatory() {
	// alert("No selected.");
	document.getElementById('phoneToggle').innerHTML = "<p class='p1'>Business Phone Number</p>";
}

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