// JavaScript Document Demos
function leapTo (link)
   {
   var new_url=link;
   if (  (new_url != "")  &&  (new_url != null)  )
      window.location=new_url;
   else
      alert("\nNo ha seleccionado un demo.");
   }
// Called by View Source button - displays source of file.
function viewSource()
   {
   var current_url="";
   current_url=document.location;
   window.location="view-source:"+current_url;
   }
// Called by Full Window button - loads file to full window for easy saving.
function WinOpen() 
   {
   alert('\nPage will load to full screen.\n\nUse View/Document Source from menu bar to view source.\n\nUse File/Save As from menu bar to save.\n\nClose new window to return to this page. ');
   window.open("radioleap1.html","DisplayWindow","menubar=yes,scrollbars=yes");
   window.open("radioleap1.html","DisplayWindow","menubar=yes,scrollbars=yes");   // double for Macs
   }

function menu_demos()
{
 var op_demo = "0";
 while(pd_demo!="0")
 {
  if(op_demo == "1") 
   {
     window.open("");
   }
 }
}

function uno(src,color_entrada) 
{ 
    src.bgColor=color_entrada;src.style.cursor="hand"; 
} 

function dos(src,color_default)
{ 
    src.bgColor=color_default;src.style.cursor="default"; 
} 

onload=function() 
{
	cDemo=document.getElementById("mensajesDemo");
	cNombre=document.getElementById("DemoTitulo");
	cTex=document.getElementById("DemoTexto");
	divTransparente=document.getElementById("transparencia");
	divMensaje=document.getElementById("transparenciaMensaje");
	form=document.getElementById("formulario");
	urlDestino="mail.php";
	
	claseNormal="input";
	claseError="inputError";
	
	Demo=new Array();
	Demo["Nombre"]="Ingrese su nombre completo. De 4 a 50 caracteres. OBLIGATORIO";
	Demo["Telefono"]="Ingrese un teléfono o celular de contacto.";
	Demo["Correo"]="Ingrese un E-mail válido. OBLIGATORIO";
	Demo["Titulo"]="Ingrese el titulo de su mensaje. De 4 a 50 caracteres.";	
	Demo["Mensaje"]="<div align='left'>Selecciona el Demo para ver detalles</div>";
	preCarga("ok.gif", "loading.gif", "error.gif");
}

function preCarga()
{
	imagenes=new Array();
	for(i=0; i<arguments.length; i++)
	{
		imagenes[i]=document.createElement("img");
		imagenes[i].src=arguments[i];
	}
}

function nuevoAjax()
{ 
	var xmlhttp=false; 
	try 
	{ 
		// No IE
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); 
	}
	catch(e)
	{ 
		try
		{ 
			// IE 
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
		} 
		catch(E) { xmlhttp=false; }
	}
	if (!xmlhttp && typeof XMLHttpRequest!="undefined") { xmlhttp=new XMLHttpRequest(); } 
	return xmlhttp; 
}

function limpiaForm()
{
	for(i=0; i<=4; i++)
	{
		form.elements[i].className=claseNormal;
	}
	document.getElementById("inputMensaje").className=claseNormal;
}

function campoError(campo)
{
	campo.className=claseError;
	error=1;
}

function ocultaMensaje()
{
	divTransparente.style.display="none";
}

function muestraMensaje(mensaje)
{
	divMensaje.innerHTML=mensaje;
	divTransparente.style.display="block";
}

function eliminaEspacios(cadena)
{
	// Funcion para eliminar espacios delante y detras de cada cadena
	while(cadena.charAt(cadena.length-1)==" ") cadena=cadena.substr(0, cadena.length-1);
	while(cadena.charAt(0)==" ") cadena=cadena.substr(1, cadena.length-1);
	return cadena;
}

function validaLongitud(valor, permiteVacio, minimo, maximo)
{
	var cantCar=valor.length;
	if(valor=="")
	{
		if(permiteVacio) return true;
		else return false;
	}
	else
	{
		if(cantCar>=minimo && cantCar<=maximo) return true;
		else return false;
	}
}

function validaCorreo(valor)
{
	var reg=/(^[a-zA-Z0-9._-]{1,30})@([a-zA-Z0-9.-]{1,30}$)/;
	if(reg.test(valor)) return true;
	else return false;
}

function validaForm()
{
	limpiaForm();
	error=0;
	
	var nombre=eliminaEspacios(form.inputNombre.value);
	var telefono=eliminaEspacios(form.inputTelefono.value);
	var correo=eliminaEspacios(form.inputCorreo.value);
	var titulo=eliminaEspacios(form.inputTitulo.value);
	var mensaje=eliminaEspacios(form.inputMensaje.value);
	
	if(!validaLongitud(nombre, 0, 4, 50)) campoError(form.inputNombre);
	if(!validaLongitud(telefono, 1, 4, 50)) campoError(form.inputTelefono);
	if(!validaCorreo(correo)) campoError(form.inputCorreo);
	if(!validaLongitud(titulo, 1, 4, 50)) campoError(form.inputTitulo);
	if(!validaLongitud(mensaje, 0, 5, 500)) campoError(form.inputMensaje);
	
	if(error==1)
	{
		var texto="<img src='error.gif' alt='Error'><br><br>Error: Revise los campos en rojo.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
		muestraMensaje(texto);
	}
	else
	{
		var texto="<img src='loading.gif' alt='Enviando'><br><br>Enviando. Por favor espere.<br><br><button style='width:60px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ocultar</button>";
		muestraMensaje(texto);
		
		var ajax=nuevoAjax();
		ajax.open("POST", urlDestino, true);
		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		ajax.send("nombre="+nombre+"&telefono="+telefono+"&correo="+correo+"&titulo="+titulo+"&mensaje="+mensaje);
		
		ajax.onreadystatechange=function()
		{
			if (ajax.readyState==4)
			{
				var respuesta=ajax.responseText;
				if(respuesta=="OK")
				{
					var texto="<img src='ok.gif' alt='Ok'><br>Gracias por su mensaje.<br>Le responderemos a la brevedad.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
				}
				else var texto="<img src='error.gif'><br><br>Error: intente más tarde.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
				
				muestraMensaje(texto);
			}
		}
	}
}


// Mensajes de Demos

if(navigator.userAgent.indexOf("MSIE")>=0) navegador=0;
else navegador=1;

function colocaDemo(event)
{
	if(navegador==0)
	{
		var corX=window.event.clientX+document.documentElement.scrollLeft;
		var corY=window.event.clientY+document.documentElement.scrollTop;
	}
	else
	{
		var corX=event.clientX+window.scrollX;
		var corY=event.clientY+window.scrollY;
	}
	cDemo.style.top=corY+15+"px";
	cDemo.style.left=corX+15+"px";
}

function ocultaDemo()
{
	cDemo.style.display="none";
	if(navegador==0) 
	{
		document.detachEvent("onmousemove", colocaDemo);
		document.detachEvent("onmouseout", ocultaDemo);
	}
	else 
	{
		document.removeEventListener("mousemove", colocaDemo, true);
		document.removeEventListener("mouseout", ocultaDemo, true);
	}
}

function muestraDemo(event, campo)
{
	colocaDemo(event);
	
	if(navegador==0) 
	{ 
		document.attachEvent("onmousemove", colocaDemo); 
		document.attachEvent("onmouseout", ocultaDemo); 
	}
	else 
	{
		document.addEventListener("mousemove", colocaDemo, true);
		document.addEventListener("mouseout", ocultaDemo, true);
	}
	
	cNombre.innerHTML=campo;
	cTex.innerHTML=Demo[campo];
	cDemo.style.display="block";
}