$(document).ready(function() {

	$("#name").focus(function(){
		var name = $("#name").val();
		if (name == "Debe indicar su nombre"){
			$("#name").val('');
		}
	});

	$("#name").blur(function(){
		var name = $("#name").val();
		if(name == 0)
		{
			$("#name").val('Debe indicar su nombre');		
		}
	
	});

	$("#email").focus(function(){
		var email = $("#email").val();
		if (email == "Debe indicar su e-mail"){
				$("#email").val('');
		}
	});
	
	$("#email").blur(function(){
		var email = $("#email").val();
		if(email != 0)
		{
			if(isValidEmailAddress(email))
			{
				$("#validEmail").css({
					"background-image": "url('images/valid-yes.png')"
				});
			} else {
				$("#validEmail").css({
					"background-image": "url('images/valid-no.png')"
				});
			}
		} else {
			$("#validEmail").css({
				"background-image": "none"
			});
			$("#email").val('Debe indicar su e-mail');			
		}
	});
	
	$("#comment").focus(function(){
		var comment = $("#comment").val();
		if (comment == "Escriba su comentario"){
			$("#comment").val('');
		}
	});	

	$("#comment").blur(function(){
		var comment = $("#comment").val();
		if(comment == 0)
		{
			$("#comment").val('Escriba su comentario');		
		}
	
	});
});

function isValidEmailAddress(emailAddress) {
	var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
	return pattern.test(emailAddress);
}

function validate(form){
	var name = form.name.value;
  	var email = form.email.value;
  	var comment = form.comment.value;

	if ((name == "") || (name == "Debe indicar su nombre")){
		inlineMsg('label-name','Debe indicar su nombre',2);
		return false;
	}

	if((email == "") || (email == "Debe indicar su e-mail")) {
		inlineMsg('label-email','Debe indicar su e-mail',2);
		return false;
	}

	if((comment == "") || (comment == "Escriba su comentario")) {
		inlineMsg('label-comment','Debe indicar un comentario',2);
		return false;
	}

	if (!isValidEmailAddress(email)){
		inlineMsg('label-email','Debe indicar un e-mail válido',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) - 2;
  var leftposition = leftPosition(targetdiv) + targetwidth;
  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"; 
}