function clue(elementname,chosen) {
	var innermsg = ""
	if (chosen==1) {innermsg = "E.g 0163456789";}
	if (chosen==2) {innermsg = "E.g 96697789";}
	document.getElementById(elementname).innerHTML=innermsg;
}

function setSelectedIndex(s, v) {

    for ( var i = 0; i < s.options.length; i++ ) {

        if ( s.options[i].value == v ) {

            s.options[i].selected = true;

            return;

        }

    }

}

function validate_required(field,alerttxt)
{
with (field)
  {
  if (value==null||value=="")
    {inlineMsg(field.name,alerttxt, 2);return false;}
  else
    {
    return true;
    }
  }
}

function validate_chars(field,alerttxt)
{
with (field)
  {
  var illegalChars = /\W/; // allow letters, numbers, and underscores
  if (illegalChars.test(field.value))
        {inlineMsg(field.name,alerttxt, 2);return false;}
	else {return true;}
  }
}

function validate_number(field,alerttxt)
{
with (field)
  {
  var stripped = field.value.replace(/[\(\)\.\-\ ]/g, ''); 
  if (isNaN(parseInt(stripped)))
        {inlineMsg(field.name,alerttxt, 2);return false;}
	else {return true;}
  }
}

function validate_email(field,alerttxt)
{
with (field)
  {
  apos=value.indexOf("@");
  dotpos=value.lastIndexOf(".");
  if (apos<1||dotpos-apos<2)
    {inlineMsg(field.name,alerttxt, 2);return false;}
  else {return true;}
  }
}

function validate_dropdown(field,alerttxt)
{
with (field)
  {
  if ( field.selectedIndex == 0 )
        {inlineMsg(field.name,alerttxt, 2);return false;}
	else {return true;}
  }
}

function validate_form(thisform) //main validate consol
{
with (thisform)
  {
  if (validate_required(name,"Let us know what to call you. Thanks!")==false)
		{name.focus();return false;}
	if (validate_required(number_new,"You'll need your mobile number to join. Thanks!")==false)
		{number_new.focus();return false;}
	if (validate_number(number_new,"Your mobile number contain non-numbers. Please check, thanks!")==false)
		{number_new.focus();return false;}
	if (validate_dropdown(prefix,"Don't forget your country prefix. Thanks!")==false)
		{prefix.focus();return false;}
	if (validate_required(pw,"You'd need your password to check your scores. Thanks!")==false)
		{pw.focus();return false;}
	if (pw.value!=pw2.value) 
		{inlineMsg('pw2',"Make sure you type your password twice correctly. Thanks!", 2);pw.value='';pw2.value='';pw.focus();return false;}
	if (validate_required(email,"Your e-mail required. We'll mail only if necessary. Thanks!")==false)
		{email.focus();return false;}
	if (validate_email(email,"Please check your e-mail address format. Thanks!")==false)
		{email.focus();return false;}
	if (validate_required(refid,"You'll need your inviter's ID to join. Thanks!")==false)
		{refid.focus();return false;}
  }
return true;
}

// form validation function //
function validate(form) {
  var name = form.name.value;
  var email = form.email.value;
  var gender = form.gender.value;
  var message = form.message.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);
  if(name == "") {
    inlineMsg('name','You must enter your name.',2);
    return false;
  }
  if(!name.match(nameRegex)) {
    inlineMsg('name','You have entered an invalid 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(gender == "") {
    inlineMsg('gender','<strong>Error</strong><br />You must select your gender.',2);
    return false;
  }
  if(message == "") {
    inlineMsg('message','You must enter a message.');
    return false;
  }
  if(message.match(messageRegex)) {
    inlineMsg('message','You have entered an invalid message.');
    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"; 
}