$(function() {

	$('#nombre').focus(function(){
		if($("input#nombre").val() == ""){
			$("#contactoNombre").hide();
		}
	});
	$('#contactoNombre').click(function(){
		if($("input#nombre").val() == ""){
			$("#contactoNombre").hide();
			$('#nombre').focus();
		}
	});
  
	$('#nombre').blur(function(){
		if($("input#nombre").val() == ""){
			$("#contactoNombre").show();
		}
	});
  
  
  
	$('#correo').focus(function(){
		if($("input#correo").val() == ""){
			$("#contactoCorreo").hide();
		}
	});
	$('#contactoCorreo').click(function(){
		if($("input#correo").val() == ""){
			$("#contactoCorreo").hide();
			$('#correo').focus();
		}
	});
  
	$('#correo').blur(function(){
		if($("input#correo").val() == ""){
			$("#contactoCorreo").show();
		}
	});
 
 
  
	$('#empresa').focus(function(){
		if($("input#empresa").val() == ""){
			$("#contactoEmpresa").hide();
		}
	});
	$('#contactoEmpresa').click(function(){
		if($("input#empresa").val() == ""){
			$("#contactoEmpresa").hide();
			$('#empresa').focus();
		}
	});
  
	$('#empresa').blur(function(){
		if($("input#empresa").val() == ""){
			$("#contactoEmpresa").show();
		}
	});
  

  
	$('#cargo').focus(function(){
		if($("input#cargo").val() == ""){
			$("#contactoCargo").hide();
		}
	});
	$('#contactoCargo').click(function(){
		if($("input#cargo").val() == ""){
			$("#contactoCargo").hide();
			$('#cargo').focus();
		}
	});
  
	$('#cargo').blur(function(){
		if($("input#cargo").val() == ""){
			$("#contactoCargo").show();
		}
	});
  

  
	$('#mensaje').focus(function(){
		if($("textarea#mensaje").val() == ""){
			$("#contactoMensaje").hide();
		}
	});
	$('#contactoMensaje').click(function(){
		if($("textarea#mensaje").val() == ""){
			$("#contactoMensaje").hide();
			$('#mensaje').focus();
		}
	});
  
	$('#mensaje').blur(function(){
		if($("textarea#mensaje").val() == ""){
			$("#contactoMensaje").show();
		}
	});
  
  
  
  
  $("#enviar").click(function() {
		
		
		
	var nombre = $("input#nombre").val();
		if (nombre == "") {
			$("input#nombre").focus();
			return false;
		}

	var correo = $("input#correo").val();
		if (correo == "") {
			$("input#correo").focus();
		return false;
	}

	var empresa = $("input#empresa").val();
		if (empresa == "") {
			$("input#empresa").focus();
		return false;
	}

	var cargo = $("input#cargo").val();
		if (cargo == "") {
			$("input#cargo").focus();
		return false;
	}
    
    var mensaje = $("textarea#mensaje").val();
		if (mensaje == "") {
      $("textarea#mensaje").focus();
      return false;
    }

		var dataString = '&nombre=' + nombre + '&correo=' + correo + '&empresa=' + empresa + '&cargo=' + cargo + '&mensaje=' + mensaje;
		
		$.ajax({
      type: "POST",
      url: "cont/contactengine.php",
      data: dataString,
      success: function() {
			
				$("body").append("<div id='Overlay'></div>");
				$('#Overlay').fadeTo('fast', 0.8);
				$("body").append("<div id='contactoMsj'></div>");
				$("#contactoMsj").append("<img src='img/logo.png' width='127px' height='200px' id='logoContacto'/>");
				$("#contactoMsj").append("<p class='style1' id='contactTexto'>Gracias por comunicarte con nosotros, pronto te responderemos.</p>");
				setTimeout(function() {
								$('#Overlay').fadeTo('fast',0).remove();
								$('#contactTexto').fadeTo('fast',0).remove();
								$('#logoContacto').fadeTo('fast',0).remove();
								$('#contactoMsj').fadeTo('fast',0).remove();
								
								lucesEnabled=0;
								anemoEnabled = 0;
								heliceEnabled = 0;
								$('#logo_img').fadeIn();
								$('#contacto').stop().animate({	bottom: '-712px'}, {duration: 650});//, easing:'easeInQuart'});
								$('#port').stop().animate({left: '-700px'}, 600);
								actual = [0,0,0];
								
				},2500);
				
				
				
				$("#contactoMsj").css({
						'background-color': '#EEE',
						'position': 'fixed',
						'top': '50%',
						'left': '50%',
						'width': '300px',
						'height': '360px',
						'margin':'-180px -150px',
						'z-index':50001,
						'-webkit-border-radius': '10px',
						'-moz-border-radius': '10px',
						'border-radius': '10px'						
				});
				
				$("#contactTexto").css({
						'text-align': 'center',
						'color': '#0A1F5F',
						'position': 'fixed',
						'top': '50%',
						'left': '50%',
						'width': '253px',
						'height': '71px',
						'margin-top':'100px',
						'margin-left':'-126px',
						'z-index': 50002
				});

				$("#logoContacto").css({
						'position' : 'fixed',
						'display': 'block',
						'left' : '50%',
						'margin-left' : '-63px',
						'top' : '50%',
						'margin-top' : '-138px',
						'z-index':50002
				});
				
/*				$('#Overlay').click(function() {
					$('#Overlay').fadeTo('fast',0).remove();
					$('#contactTexto').fadeTo('fast',0).remove();
					$('#logoContacto').fadeTo('fast',0).remove();
					$('#contactoMsj').fadeTo('fast',0).remove();
				});
*/		
			$("#contactoNombre").show();
			$("#contactoCorreo").show();
			$("#contactoEmpresa").show();
			$("#contactoCargo").show();
			$("#contactoMensaje").show();
			$("input#nombre").val("");		
			$("input#correo").val("");		
			$("input#empresa").val("");		
			$("input#cargo").val("");		
			$("textarea#mensaje").val("");		
			
	$("#Overlay2").append("<p class='style1' id='loaderTexto'>Como laboratorio de diseño, Coloso se dedica al desarrollo de soluciones para la comunicación entre una organización y su usuario/cliente.</p>");
			
/*				$('#salirSlid').click(function() {
					$('#slider1').hide();
					$('#tituloSlid').hide();
					$('#salirSlid').hide();
					$('#Overlay').fadeTo('fast',0).remove();
				});
*/
		  
///*        $('#contact_form').html("<div id='message'></div>");
//        $('#message').html("<h2>Thank you!</h2>")
//        .append("<p>I will be in touch with you soon.</p>")
//        .hide()
//        .fadeIn(1500);
      }
     });
    return false;
	});
});