// form validation function //
function validate(form) {
  var NickName = form.NickName.value;
  var EmailAdd = form.EmailAdd.value;
  var Password1 = form.Password1.value;

  var Sex = form.Sex.value;
  var Date = form.Date.value;
  var Month = form.Month.value;
  var Year = form.Year.value;


	  
  // var nameRegex = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;
  //var EmailAddRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/; 
  var nameRegex =/[$\\@\\\#%\^\&\*\(\)\-\!\[\]\+\{\}\`\ \.\~\=\|]/;
  // var EmailAddRegex = /^[_.0-9a-z-]+@([0-9a-z][0-9a-z-]+.)+[a-z]{2,4}$/;
  var EmailAddRegex =  /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;

  
  if(NickName == "") {
    inlineMsg('NickName','You must enter your nickname.',2);
    return false;
  }
  if(NickName.length<4){
	  inlineMsg('NickName','Your nickname must be at least 4 characters long.',2);
	  return false;
  }
  if(NickName.length>15){
	  inlineMsg('NickName','Maximum nickname length is 15 characters.',2);
	  return false;
  }
  if(NickName.match(nameRegex)) {
    inlineMsg('NickName','Your nickname contains illegal characters or spaces.',2);
    return false;
  }
  if(EmailAdd == "") {
    inlineMsg('EmailAdd','<strong>Error</strong><br />You must enter your email address.',2);
    return false;
  }
  if(!EmailAdd.match(EmailAddRegex)) {
    inlineMsg('EmailAdd','<strong>Error</strong><br />You have entered an invalid email.',2);
    return false;
  }
  if(Password1 == "") {
    inlineMsg('Password1','<strong>Error</strong><br />You must enter your password.',2);
    return false;
  }

  if(Password1.length<6){
	  inlineMsg('Password1','Your password must be at least 6 characters long.',2);
	  return false;
  }
  if(Sex == "") {
    inlineMsg('Sex','<strong>Error</strong><br />You must specify your gender.',2);
    return false;
  }
   if(Date == "") {
    inlineMsg('Date','<strong>Error</strong><br />You must select your birth date.',2);
    return false;
  }
  if(Month == "") {
    inlineMsg('Month','<strong>Error</strong><br />You must select your birth month.',2);
    return false;
  }
  if(Year == "") {
    inlineMsg('Year','<strong>Error</strong><br />You must select your birth year.',2);
    return false;
  }

 /* if(TermsOfUse.empty) {
    inlineMsg('TermsOfUse','<strong>Error</strong><br />You must agree to terms of use.',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 = "images/msg_arrow.gif"; 
}

var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}