// JavaScript Document

function cargarrr(campo){
if(campo.value==''){
  campo.className='campo';
  campo.value="Su Email";
}else{
if(campo.value=="Su Email"){
  campo.className='campo';
  campo.value='';
}else{
  campo.className='campo2';			
}
}
}

function cargar2(campo){
if(campo.value==''){
  campo.className='campo';
  campo.value="Email Amigo";
}else{
if(campo.value=="Email Amigo"){
  campo.className='campo';
  campo.value='';
}else{
  campo.className='campo2';			
}
}
}

function cargar3(campo){
if(campo.value==''){
  campo.className='texarea';
  campo.value="Comentar";
}else{
if(campo.value=="Comentar"){
  campo.className='texarea';
  campo.value='';
}else{
  campo.className='texarea2';			
}
}
}

//cambiar campo 4 - 5
function cambiar4(campo){
if(campo.value==''){
  campo.className='cja1';
  campo.value="Su email";
}else{
if(campo.value=="Su email"){
  campo.className='cja1';
  campo.value='';
}else{
  campo.className='cja2';			
}
}
}

function cambiar5(campo2){
if(campo2.value==''){
  campo2.className='cja1 cajacontrasena';
  campo2.value="";
}else{
if(campo2.value==""){
  campo2.className='cja1 cajacontrasena';
  campo2.value='';
}else{
  campo2.className='cja2';			
}
}
}
//

function validarcorreo() {
		var correo=document.getElementById('email').value;
		 if(document.getElementById('email').value!=""){
			if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(correo)){
			return true;
			}
			else {
			inlineMsg('email','La dirección de email es incorrecta.');
			//alert("La dirección de email es incorrecta.");
			document.getElementById('email').value='';
			document.getElementById('email').focus();
			return false;	
			}
		}	
}
// form validation function //
// 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 topposition = topPosition(targetdiv) + ((45) / 2);
  //var leftposition = leftPosition(targetdiv) + MSGOFFSET;
 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 = "../image/msg_arrow.gif"; 
}
/*funcion para ubicar en un div*/
function irA(elemID) {
var offsetTrail = document.getElementById(elemID);
var offsetLeft = 0;
var offsetTop = 0;
while (offsetTrail) {
offsetLeft += offsetTrail.offsetLeft;
offsetTop += offsetTrail.offsetTop;
offsetTrail = offsetTrail.offsetParent;
}
if (navigator.userAgent.indexOf("Mac") != -1 && typeof document.body.leftMargin != "undefined" && navigator.appName=="Microsoft Internet Explorer" ) {
offsetLeft += parseInt(document.body.leftMargin);
offsetTop += parseInt(document.body.topMargin);
}
window.scrollTo(offsetLeft,offsetTop)
}

	function validarcorreo() {
		var correo=document.getElementById('email').value;
		 if(document.getElementById('email').value!=""){
			if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(correo)){
			return true;
			}
			else {
			inlineMsg('email','La dirección de email es incorrecta.');
			//alert("La dirección de email es incorrecta.");
			document.getElementById('email').value='';
			document.getElementById('email').focus();
			return false;	
			}
		}	
}
 function validaterec(form) {
  var correo= form.emailrec.value;
  var emailami= form.emailami.value;
  var mensaje = form.mensaje.value;
if(correo == ""  ||  correo == "Su Email" ) {
   // alert('Su e-mail.');
    inlineMsg('emailrec','Su e-mail.');
    document.getElementById('emailrec').focus();
    return false;
}
if ( emailami == "" ||  emailami == "Email Amigo") {
//alert('Su Nombre');
inlineMsg('emailami','Email Amigo.');
document.getElementById('emailami').focus();
return false;
 }
 if(mensaje == "" ||  mensaje == "Comentar") {
	//alert('Su mensaje');
	inlineMsg('mensaje','Su mensaje.');
	 document.getElementById('mensaje').focus();
	 return false;
  }
  return true;

}