// form validation function //
function validate(form) {
  var id 	= form.UserId.value;
  var name  = form.name.value;
  var nickname = form.nickname.value;
  var gender = form.gender.value;
  var agree  = form.agree.checked;
  var lang = form.lang.value;

  var useridRegex = /^[0-9]$/;
  var nameRegex = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;
  //var nicknameRegex = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;

  var nicknameRegex = /^[a-zA-Z0-9_]*$/;
  //var emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
  // var messageRegex = new RegExp(/<\/?\w+((\s+\w+(\s*=\s*(?:".*?"|'.*?'|[^'">\s]+))?)+\s*|\s*)\/?>/gim);

if(lang == 2)
{
			  if(id == "") {
			inlineMsg('UserID','Please insert your YP code.',2);
			return false;
		  } 
		  
		  if(isNaN(id)) {
			inlineMsg('UserId','YP Code in number format.',2);
			return false;
		  } 
		  if(id.length != 6) {
			inlineMsg('UserID','Your YP code must be 6 digit number.',2);
			return false;
		  } 
		  
		  if(name == "") {
			inlineMsg('name','Please insert your full name.',2);
			return false;
		  }
		  if(!name.match(nameRegex)) {
			inlineMsg('name','Invalid fullname.',2);
			return false;
		  }
		  if(name.length <4 || name.length >20) {
			inlineMsg('name','Your fullname min 4 char and max 20 char.',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(nickname == "") {
			inlineMsg('nickname','Please insert your nickname.',2);
			return false;
		  }
		  
		  if(nickname.length <4 || nickname.length >20) {
			inlineMsg('nickname','Your nickname min 4 char and max 20 char.',2);
			return false;
		  }
		  
		  if(!nickname.match(nicknameRegex)) {
			inlineMsg('nickname','Invalid nick name.',2);
			return false;
		  }
		
		  if(gender == "") {
			inlineMsg('gender','<strong>Error</strong><br />Please choose League.',2);
			return false;
		  }
		  
			if(agree==false) {
			inlineMsg('agree','<strong>Error</strong><br />Check to agree with the term',2);
			return false;
		  }
}else
{

		  if(id == "") {
			inlineMsg('UserID','Masukkan kode YP anda.',2);
			return false;
		  } 
		  
		  if(isNaN(id)) {
			inlineMsg('UserId','Kode YP harus angka.',2);
			return false;
		  }  
		  
		  if(id.length != 6) {
			inlineMsg('UserID','Kode YP anda harus 6 digit.',2);
			return false;
		  } 
		  
		  if(name == "") {
			inlineMsg('name','Masukkan nama lengkap anda.',2);
			return false;
		  }
		  if(!name.match(nameRegex)) {
			inlineMsg('name','Nama yang anda masukkan tidak valid.',2);
			return false;
		  }
		  
		  if(name.length <4 || name.length >20) {
			inlineMsg('name','Nama lengkap anda min 4 char dan max 20 char.',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(nickname == "") {
			inlineMsg('nickname','Masukkan Nama panggilan anda.',2);
			return false;
		  }
		  if(!nickname.match(nicknameRegex)) {
			inlineMsg('nickname','Nama panggilan yang anda masukkan tidak valid.',2);
			return false;
		  }
		
		  if(nickname.length <4 || nickname.length >20) {
			inlineMsg('nickname','Nama panggilan anda min 4 char dan max 20 char.',2);
			return false;
		  }
		  if(gender == "") {
			inlineMsg('gender','<strong>Error</strong><br />Pilih Liga yang ingin anda ikuti.',2);
			return false;
		  }
		  
			if(agree==false) {
			inlineMsg('agree','<strong>Error</strong><br />Centang untuk menyetujui peraturan yang ada',2);
			return false;
		  }
}
  
  return true;
}




// form validation function //
function validate2(form) {

  var name  	= form.name.value;
  var nickname 	= form.nickname.value;
  var phone 	= form.phone.value;
  var handphone = form.handphone.value;
  var email 	= form.email.value;
  var address 	= form.address.value;
  
  var lang = form.lang.value;

  var useridRegex = /^[0-9]$/;
  var nameRegex = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;
  //var nicknameRegex = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;

  var nicknameRegex = /^[a-zA-Z0-9_]*$/;
  var emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
  // var messageRegex = new RegExp(/<\/?\w+((\s+\w+(\s*=\s*(?:".*?"|'.*?'|[^'">\s]+))?)+\s*|\s*)\/?>/gim);

if(lang == 2)
{
 
		  
		  if(name == "") {
			inlineMsg('name','Please insert your full name.',2);
			return false;
		  }
		  if(!name.match(nameRegex)) {
			inlineMsg('name','Invalid fullname.',2);
			return false;
		  }
		  if(name.length <4 || name.length >20) {
			inlineMsg('name','Your fullname min 4 char and max 20 char.',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(nickname == "") {
			inlineMsg('nickname','Please insert your nickname.',2);
			return false;
		  }
		  
		  if(nickname.length <4 || nickname.length >20) {
			inlineMsg('nickname','Your nickname min 4 char and max 20 char.',2);
			return false;
		  }
		  
		  if(!nickname.match(nicknameRegex)) {
			inlineMsg('nickname','Invalid nick name.',2);
			return false;
		  }
		 if(phone == "") {
			inlineMsg('phone','Please insert your Phone no.',2);
			return false;
		  } 
		  
		  if(isNaN(phone)) {
			inlineMsg('phone','Phone in number format.',2);
			return false;
		  } 
  		 if(handphone == "") {
			inlineMsg('handphone','Please insert your Handphone no.',2);
			return false;
		  } 
		  
		  if(isNaN(handphone)) {
			inlineMsg('handphone','Handphone in number format.',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(address == "") {
			inlineMsg('address','Please insert your address.',2);
			return false;
		  } 


		  
	  

}else
{


		  
		  if(name == "") {
			inlineMsg('name','Masukkan nama lengkap anda.',2);
			return false;
		  }
		  if(!name.match(nameRegex)) {
			inlineMsg('name','Nama yang anda masukkan tidak valid.',2);
			return false;
		  }
		  
		  if(name.length <4 || name.length >20) {
			inlineMsg('name','Nama lengkap anda min 4 char dan max 20 char.',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(nickname == "") {
			inlineMsg('nickname','Masukkan Nama panggilan anda.',2);
			return false;
		  }
		  if(!nickname.match(nicknameRegex)) {
			inlineMsg('nickname','Nama panggilan yang anda masukkan tidak valid.',2);
			return false;
		  }
		
		  if(nickname.length <4 || nickname.length >20) {
			inlineMsg('nickname','Nama panggilan anda min 4 char dan max 20 char.',2);
			return false;
		  }
		  
		  if(phone == "") {
			inlineMsg('phone','Masukkan no telepon anda.',2);
			return false;
		  } 
		  
		  if(isNaN(phone)) {
			inlineMsg('phone','Nomor Telepon dalam format angka.',2);
			return false;
		  } 
  		 if(handphone == "") {
			inlineMsg('handphone','Masukkan Nno handphone anda.',2);
			return false;
		  } 
		  
		  if(isNaN(handphone)) {
			inlineMsg('handphone','Nomor Handphone dalam format angka.',2);
			return false;
		  } 

		if(email == "") {
			inlineMsg('email','<strong>Error</strong><br />Masukkan alamat email anda.',2);
			return false;
	  	}
	  	if(!email.match(emailRegex)) {
			inlineMsg('email','<strong>Error</strong><br />Alamat email anda tidak valid.',2);
			return false;
	  	}


		if(address == "") {
			inlineMsg('address','Masukkan Alamat anda.',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"; 
}