function cambiaImag(td,img)
{
var imgCambio = document.getElementById(td);
imgCambio.src= img;
imgCambio.style.cursor="pointer";
}

function cambiarImgOut(td,img){
var imgCambio = document.getElementById(td);
imgCambio.src= img;
imgCambio.style.cursor="default";
 }
 //realiza la validación de los campos para el envio del correo
 function validaCampos(){
	 var nombre=document.getElementById('Nombre').value;
	 var Empresa=document.getElementById('Empresa').value;
	 var Correo=document.getElementById('Correo').value;
	 var Comentarios=document.getElementById('Comentarios').value;
	 
	 if(nombre==''){
		 alert('Agregue su Nombre');
	 }else{
	 if(Empresa==''){
		 alert('Agregue su Empresa');
	 }else{
		 if(Correo==''){
			 alert('Agregue su Correo');
		 }else{
				 if(Comentarios==''){
					 alert('Agregue sus Comentarios');
				 }else{
					 	
					
    var re=/^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$/
    if(!re.exec(Correo))    {
       alert('El email no es correcto');
  		  }else{
				enviarFormulario('contactenos.php', 'enviarCorreo', 'show')
						
   				 }

					}
				}
	 		}
	 }
 }
 
// función para el envio del correo electronico 
 function enviarFormulario(url, formid, div)
{
	var peticion;
	peticion = nuevoAjax(peticion);
	
	var Formulario = document.getElementById(formid);
	var longitudFormulario = Formulario.elements.length;
	var cadenaFormulario = ""
	var sepCampos
	sepCampos = ""
	
	for (var i=0; i <= Formulario.elements.length-1;i++) 
	{
		cadenaFormulario += sepCampos+Formulario.elements[i].name+'='+encodeURI(Formulario.elements[i].value);
		sepCampos="&";
	}
	
	peticion.open("POST", url, true);
	peticion.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=ISO-8859-1');
	peticion.onreadystatechange = function () 
	{
	    if (peticion.readyState < 4) 
	    {
			 //contenedor.innerHTML = '<div align="center"><img src="imagenes_menu/cargando.gif" /><div>';
		}		
		if (peticion.readyState == 4) 
		{
			document.getElementById('Nombre').value='';
			document.getElementById('Empresa').value='';
	 		document.getElementById('Correo').value='';
	 		document.getElementById('Comentarios').value='';
			document.getElementById('enviadoOk').style.display="block";
		}
	}
	peticion.send(cadenaFormulario);
}
 
 
	// funcion para crear un elemento de ajax				
 function nuevoAjax(xmlhttp){

   try {
       xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } 
   catch (e) {
       try {
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } 
      catch (E) {
          xmlhttp = false;
      }
   }
   if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
      xmlhttp = new XMLHttpRequest();
   }
   return xmlhttp
}

 
 
 
//para ocultar los divs que contienen las descripciones de las imagenes
 function MuestraBeneficios(idDiv){
			switch(idDiv){
			case"acceso":
			document.getElementById('acceso').style.display="block";
			document.getElementById('seguridad').style.display="none";
			document.getElementById('dispositivos').style.display="none";
			document.getElementById('monitoreo').style.display="none";
			document.getElementById('facilidad').style.display="none";
			document.getElementById('padron').style.display="none";
			document.getElementById('automatizacion').style.display="none";
			break;
			case"seguridad":
			document.getElementById('acceso').style.display="none";
			document.getElementById('seguridad').style.display="block";
			document.getElementById('dispositivos').style.display="none";
			document.getElementById('monitoreo').style.display="none";
			document.getElementById('facilidad').style.display="none";
			document.getElementById('padron').style.display="none";
			document.getElementById('automatizacion').style.display="none";
			break;
			case"dispositivos":
			document.getElementById('acceso').style.display="none";
			document.getElementById('seguridad').style.display="none";
			document.getElementById('dispositivos').style.display="block";
			document.getElementById('monitoreo').style.display="none";
			document.getElementById('facilidad').style.display="none";
			document.getElementById('padron').style.display="none";
			document.getElementById('automatizacion').style.display="none";
			break;
			case"monitoreo":
			document.getElementById('acceso').style.display="none";
			document.getElementById('seguridad').style.display="none";
			document.getElementById('dispositivos').style.display="none";
			document.getElementById('monitoreo').style.display="block";
			document.getElementById('facilidad').style.display="none";
			document.getElementById('padron').style.display="none";
			document.getElementById('automatizacion').style.display="none";
			break;
			case"facilidad":
			document.getElementById('acceso').style.display="none";
			document.getElementById('seguridad').style.display="none";
			document.getElementById('dispositivos').style.display="none";
			document.getElementById('monitoreo').style.display="none";
			document.getElementById('facilidad').style.display="block";
			document.getElementById('padron').style.display="none";
			document.getElementById('automatizacion').style.display="none";
			break;
			case"padron":
			document.getElementById('acceso').style.display="none";
			document.getElementById('seguridad').style.display="none";
			document.getElementById('dispositivos').style.display="none";
			document.getElementById('monitoreo').style.display="none";
			document.getElementById('facilidad').style.display="none";
			document.getElementById('padron').style.display="block";
			document.getElementById('automatizacion').style.display="none";
			break;
			case"automatizacion":
			document.getElementById('acceso').style.display="none";
			document.getElementById('seguridad').style.display="none";
			document.getElementById('dispositivos').style.display="none";
			document.getElementById('monitoreo').style.display="none";
			document.getElementById('facilidad').style.display="none";
			document.getElementById('padron').style.display="none";
			document.getElementById('automatizacion').style.display="block";
			break;
			
		}
		
 }
		
//para mostrar los divs que contienen las descripciones de las imagenes
function visible(idDiv){
		switch(idDiv){
			case"soporte":
			document.getElementById('soporte').style.display="block";
			document.getElementById('afectaciones').style.display="none";
			document.getElementById('codificacion').style.display="none";
			document.getElementById('periodos').style.display="none";
			document.getElementById('recibo').style.display="none";
			document.getElementById('utilizacion').style.display="none";
			document.getElementById('Historial').style.display="none";
			break;
			case"afectaciones":
			document.getElementById('soporte').style.display="none";
			document.getElementById('afectaciones').style.display="block";
			document.getElementById('codificacion').style.display="none";
			document.getElementById('periodos').style.display="none";
			document.getElementById('recibo').style.display="none";
			document.getElementById('utilizacion').style.display="none";
			document.getElementById('Historial').style.display="none";
			break;
			case"codificacion":
			document.getElementById('soporte').style.display="none";
			document.getElementById('afectaciones').style.display="none";
			document.getElementById('codificacion').style.display="block";
			document.getElementById('periodos').style.display="none";
			document.getElementById('recibo').style.display="none";
			document.getElementById('utilizacion').style.display="none";
			document.getElementById('Historial').style.display="none";
			break;
			case"periodos":
			document.getElementById('soporte').style.display="none";
			document.getElementById('afectaciones').style.display="none";
			document.getElementById('codificacion').style.display="none";
			document.getElementById('periodos').style.display="block";
			document.getElementById('recibo').style.display="none";
			document.getElementById('utilizacion').style.display="none";
			document.getElementById('Historial').style.display="none";
			break;
			case"recibo":
			document.getElementById('soporte').style.display="none";
			document.getElementById('afectaciones').style.display="none";
			document.getElementById('codificacion').style.display="none";
			document.getElementById('periodos').style.display="none";
			document.getElementById('recibo').style.display="block";
			document.getElementById('utilizacion').style.display="none";
			document.getElementById('Historial').style.display="none";
			break;
			case"utilizacion":
			document.getElementById('soporte').style.display="none";
			document.getElementById('afectaciones').style.display="none";
			document.getElementById('codificacion').style.display="none";
			document.getElementById('periodos').style.display="none";
			document.getElementById('recibo').style.display="none";
			document.getElementById('utilizacion').style.display="block";
			document.getElementById('Historial').style.display="none";
			break;
			case"Historial":
			document.getElementById('soporte').style.display="none";
			document.getElementById('afectaciones').style.display="none";
			document.getElementById('codificacion').style.display="none";
			document.getElementById('periodos').style.display="none";
			document.getElementById('recibo').style.display="none";
			document.getElementById('utilizacion').style.display="none";
			document.getElementById('Historial').style.display="block";
			break;

		}
	
}