var contactoAbierto = false;

function toggleContacto($tab, $cortina, closedOffset, force) {
	var curOffset = $tab.parent().css("left");
	var newOffset = "0px";
	
	var animationSpeed = "fast";
	
	if (curOffset != closedOffset || force == 'close') {
		newOffset = closedOffset;
		$cortina.fadeOut(animationSpeed);
		$tab.parent().css({
			'position': 'fixed',
			'top': '200px'
		});
		window.contactoAbierto = false;
	} else if (curOffset == closedOffset || force == 'open') {

		$cortina.fadeIn(animationSpeed);
		var curOffset = $tab.parent().offset();
		$tab.parent().css({
			'position': 'absolute',
			'top': curOffset.top
		});
		/*
		jQuery('html, body').animate({
			scrollTop: $tab.offset().top-50
			}, animationSpeed);
		*/
		window.contactoAbierto = true;
	}
	
	$tab.parent().animate(
		{
			left: newOffset
		},
		animationSpeed
	);
}

jQuery(document).ready(function(){

	//Funcionalidad abrir/cerrar pestaña
	var $tab = jQuery("section#contacto div.tab");
	var closedOffset = $tab.parent().css("left");

	jQuery("html").append('<div id="cortina"></div>');
	var $cortina = jQuery("#cortina");
	$cortina.hide();
	
	$tab.click(function(){
		toggleContacto($tab, $cortina, closedOffset);
	});
	$cortina.click(function(){
		toggleContacto($tab, $cortina, closedOffset);
	});
	
	//Checks html5
	var $formContacto = jQuery("section#contacto form");
	$formContacto.submit(function(event){
		
		//evitem el submit
		event.stopPropagation();
		
		var validates = true;
		var requiredFields = [];
		if (!Modernizr.input.required) {
			$formContacto.find("*[required]").each(function(){
				var $this = jQuery(this);
				if ($this.val()=="") {
					validates = false;
					requiredFields.push( $this.attr("name") );
				}
			});
		}
		if ( !validates ) {
			
			alert("Por favor, complete los siguientes campos obligatorios:\n"+ requiredFields.join(", ") );
			$formContacto.find("*[name="+requiredFields[0]+"]").focus();
			return false;
			
		} else {
			
			var oData = {
				nombre:$("#contactoNombre").val(),
				empresa:$("#contactoEmpresa").val(),
				cargo:$("#contactoCargo").val(),
				email:$("#contactoEmail").val(),
				telefono:$("#contactoTelefono").val(),
				mensaje:$("#contactoMensaje").val(),
				captcha:$("#contactoCaptchaAnswer").val()
			};
			
			jQuery.getJSON('/contacto/index',oData,function(data){
				alert(data.message);
				if (data.status=='OK') {
					setTimeout(function(){
						$tab.trigger('click');
					},1000);
					
					if (data.question){
						jQuery("#contactoCaptchaQuestion").html(data.question);
						jQuery("#contactoCaptchaAnswer").val('');
					}					
				}
			});
			
			return false;
		}
	});
	//END Checks html5
	
	//Autoabrir, para debug:
	//toggleContacto($tab, $cortina, closedOffset);
	//End
	
});