// JavaScript Document


jQuery.fn.ForceNumericOnly =
function()
{
    return this.each(function()
    {
        $(this).keydown(function(e)
        {
            var key = e.charCode || e.keyCode || 0;
            // allow backspace, tab, delete, arrows, numbers and keypad numbers ONLY
            return (
                key == 8 ||
                key == 9 ||
                key == 46 ||
                (key >= 37 && key <= 40) ||
                (key >= 48 && key <= 57) ||
                (key >= 96 && key <= 105));
        })
    })
};


function clear()
{	
	txt = $(this).val();
	if (txt=="Nombre y Apellido" || txt=="Correo Electronico" || txt=="Telefono" || txt=="Celular" || txt=="Empresa" || txt=="Ocupacion" || txt=="Ciudad" || txt=="Asunto" || txt=="Escriba aqui...")
	{
		$(this).val("");
	}

}

function def()
{
	var variable = $("#cf_name").val();
	if(variable=="")  $("#cf_name").val("Nombre y Apellido");
	
	variable = $("#cf_email").val();
	if(variable=="")  $("#cf_email").val("Correo Electronico");
	
	variable = $("#cf_telefono").val();
	if(variable=="")  $("#cf_telefono").val("Telefono");
	
	variable = $("#cf_celular").val();
	if(variable=="")  $("#cf_celular").val("Celular");
	
	variable = $("#cf_empresa").val();
	if(variable=="")  $("#cf_empresa").val("Empresa");
	
	variable = $("#cf_ocupacion").val();
	if(variable=="")  $("#cf_ocupacion").val("Ocupacion");
	
	variable = $("#cf_ciudad").val();
	if(variable=="")  $("#cf_ciudad").val("Ciudad");	
	
	variable = $("#cf_asunto").val();
	if(variable=="")  $("#cf_asunto").val("Asunto");
	
	variable = $("#cf_msg2").val();
	if(variable=="")  $("#cf_msg2").val("Escriba aqui...");
}

$(document).ready(function(){
						   
	$('.slideshow').cycle({
        fx: 'scrollHorz',
        'next': '.next',
        'prev': '.prev' ,
        'timeout' : 5000
    });


    $("a#example4").fancybox({
        'opacity'		: true,
        'overlayShow'	: false,
        'transitionIn'	: 'elastic',
        'transitionOut'	: 'none'
    });
	
	
//					   
$('#cf_name').focus(clear).click(clear).blur(def);
$('#cf_telefono').focus(clear).click(clear).blur(def);
$('#cf_celular').focus(clear).click(clear).blur(def);
$('#cf_email').focus(clear).click(clear).blur(def);		
$('#cf_asunto').focus(clear).click(clear).blur(def);
$('#cf_ciudad').focus(clear).click(clear).blur(def);	
$('#cf_msg2').focus(clear).click(clear).blur(def);	

$("#cf_telefono").ForceNumericOnly();
$("#cf_celular").ForceNumericOnly();

    //Send Mail
$("#submitcontact").click(
		function(){

			$(".error").hide();
			var hasError = false;
			var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,6})?$/;
	
			var nameVal = $("#cf_name").val();
			if(nameVal == '' || nameVal=='Nombre y Apellido') {
				$("#cf_name").after('<span class="error">Ingresa tu nombre.</span>');
				hasError = true;
			}

			var emailFromVal = $("#cf_email").val();
			if(emailFromVal == ''|| emailFromVal == 'Correo Electronico') {
				$("#cf_email").after('<span class="error">Ingresa tu email.</span>');
				hasError = true;
			} else if(!emailReg.test(emailFromVal)) {
				$("#cf_email").after('<span class="error">Ingresa un email valido.</span>');
				hasError = true;
			}
	
			var phoneVal = $("#cf_telefono").val();
			if(phoneVal == '' || phoneVal=='Telefono') {
				$("#cf_telefono").after('<span class="error">Ingresa tu tel&eacute;fono.</span>');
				hasError = true;
			}

			var celVal = $("#cf_celular").val();
			if (celVal=='Celular') celVal="";
			
			var ciudadVal = $("#cf_ciudad").val();
			if (ciudadVal=='Ciudad') ciudadVal="";

			var asuntoVal = $("#cf_asunto").val();
			if (asuntoVal=='Asunto') asuntoVal="";
						
			var messageVal = $("#cf_msg2").val();
			if(messageVal == '' || messageVal == 'Escriba aqui...') {
				$("#cf_msg2").after('<span class="error">Ingresa un mensaje.</span>');
				hasError = true;
			}
	
			if(hasError == false) {
				$(this).hide();
				/**/
				$('#tellafriend_form').slideUp();
				/**/
				$("#contactForm").append('<div class="centrado" id="cargando"><img src="images/loader.gif" alt="Enviando..." /></div>');
				
			$.post("js/contactMail.php", { 
										   name: nameVal, 
										   email: emailFromVal, 
										   telefono: phoneVal, 
										   celular:celVal,
										   ciudad:ciudadVal,
										   asunto:asuntoVal,
										   mensaje: messageVal
										 },		   

				function(data){
					$("#contactForm").hide();
					$('#respuesta').html(data).slideDown();	
					$('#cargando').slideUp();
				});
			}
			return false;
		}
	);
});