/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
//ARMA FORM CONTACTO
function cargarContacto(){
    $("#interact").empty();
    $(document).attr("title",":: Lucas Terry - Contacto ::");
    var principal='<div id="div_contacto" style="border-bottom:1px solid #666">';
    principal+='<div style="font-family:Arial;font-size:27px;color:#666666;margin-bottom:5px;border-bottom:1px solid #666">:: contacto <img src="img/arrow.jpg"/> ::</div>';
    principal+='<div style="color:#666; font-family:Arial; font-size:12px">Comuniquese con nosotros a traves del telefono 099308520 o completando el siguiente formulario.</div>';
    principal+='<table align="center">';
    principal+='<tr><td></td><td id="msjError" style="text-align:center; font-size:12px"></td></tr>'
    principal+='<tr><td style="color:#666; font-family:Verdana, Geneva, sans-serif; font-size:12px">Nombre :</td><td><input name="nom" type="text" id="nom" style="background:#333; font-family:Arial; border:1px solid #C90; color:#CCC; font-size:12px; width:250px"/></td></tr>';
    principal+='<tr><td style="color:#666; font-family:Verdana, Geneva, sans-serif; font-size:12px">e - mail : </td><td><input name="email" type="text" id="email" style="background:#333; font-family:Arial; border:1px solid #C90; color:#CCC; font-size:12px; width:250px"/></td></tr>';
    principal+='<tr><td style="color:#666; font-family:Verdana, Geneva, sans-serif; font-size:12px">Asunto : </td><td><input name="contacto" type="text" id="contacto" style="background:#333; font-family:Arial; border:1px solid #C90; color:#CCC; font-size:12px; width:250px"/></td></tr>';
    principal+='<tr><td style="color:#666; font-family:Verdana, Geneva, sans-serif; font-size:12px">Mensaje : </td><td><textarea name="mensaje" cols="" rows="" id="mensaje" style="background:#333; font-family:Arial; border:1px solid #C90; color:#CCC; font-size:12px; width:250px; height:110px"></textarea></td></tr>';
    principal+='<tr><td></td><td style="text-align:right"><input type="button" name="btnEnviar" id="btnEnviar" value="Enviar" class="btn" title=":: Enviar mensaje ::" /></td></tr>';
    principal+='</table>';
    principal+='</div>';
    $("#interact").html(principal);
    $("#btnEnviar").click(validarContacto);
}

//PROCESA FORM CONTACTO
function validarContacto(){
    var mal=false;

    if($("#nom").val()=="" || $("#contacto").val()=="" || $("#mensaje").val()=="" || $("#email").val()==""){
        mal=true;
    }else{
        if($("#email").val().indexOf('@')==-1 || $("#email").val().indexOf('.')==-1){
            mal=true;
        }
    }
    if(!mal){
        $.post("cgi/sendmail.php", {nom: $("#nom").val(), email: $("#email").val() , contacto: $("#contacto").val(), mensaje: $("#mensaje").val()},
        function(data){
           $("#div_contacto").empty();
		   $("#div_contacto").html('<div style="font-family:Arial;font-size:27px;color:#666666;float:left">:: contacto <img src="img/arrow.jpg"/> ::</div><div style="text-align:center; margin:20px;font-family:Arial"><h2>Recibimos su mensaje. En breve le responderemos.</h2></div>');
        });
		
    }else{
        $("#msjError").empty();
        $("#msjError").append('<img src="img/error.jpg"/> Debes completar correctamente los datos !');
        $("#nom").focus();
    }
}