$(document).ready(function() {
    
	$('#rotate').jcarousel({
    	wrap: 'circular'
    });
	
	$('#services').loopedSlider({autoStart: 5000});
	
	$('#slides').slides({
		preload: true,
		generateNextPrev: true,
		generatePagination: false,
		slideSpeed: 150
	});
	
	$(".clearField").clearField();
	
	$(".menup a").each(function(x){
		var w_h = 35 / 2;
		var b_h = $(".menup a").eq(x).find("span").height() / 2;
		$(".menup a").eq(x).find("span").css("paddingTop",w_h - b_h);
	});
	
	load_trabajos(1);
	
	$( ".menup li" ).click(function(){
		$( ".menup li a" ).removeClass("activemp");
		$(this).find("a").addClass("activemp");
		
		load_trabajos(($(this).index()+1));
	});
	
	
	

	function load_trabajos(id){
		$.get($("#base_url").val()+"ajax/list_trabajos_front/"+id,{},function(data){
			$(".trabajos").html(data);
			$('.trabajos li').hover(function() {
				$(this).find('div.caption').stop(false,true).fadeIn(200);
			},
			function() {
				$(this).find('div.caption').stop(false,true).fadeOut(200);
			});
			
		});
	}
	
	
	$("a.galeria").live("click",function(){
		$.fancybox({
			'padding'		: 0,
			'autoScale'		: false,
			'transitionIn'	: 'none',
			'transitionOut'	: 'none',
			'title'			: this.title,
			'width'		: 700,
			'height'		: 560,
			'href'			: this.href,
			'type'				: 'iframe'
		});

		return false;
	});
	
		
	$.validator.messages.required = '';
	$.validator.messages.email = '';
	
	$("#frm_contact").validate({
		errorElement:'span',
		submitHandler: function(form) {
			$.ajax({
				   type: "POST",
				   url: $("#base_url").val()+"contactenos/send_email",
				   data: $("#frm_contact").serialize(),
				   success: function(msg){
					$("#formulario li input").val("");
					$("#formulario li textarea").val("");
					
					$("#formulario").slideUp("normal", function() {
						$("#formulario").before('<div class="confirm"><p>Confirmación</p><div>Hemos recibido su email y a la brevedad responderemos su consulta.</div></div>');		
						return false;
					});
				   }
				});
		}
	});	
	
	
	$('a.tip').each(function () {
		var distance = 10;
		var time = 250;
		var hideDelay = 50;
		var hideDelayTimer = null;
		var beingShown = false;
		var shown = false;
		var trigger = this;
		var info = $('.popup', trigger).css('opacity', 0);
		$(trigger).mouseover(function () {
			if (hideDelayTimer) clearTimeout(hideDelayTimer);
			if (beingShown || shown) {
				return;
			} else {
				beingShown = true;
				info.css({
					top: 55,
					right: 35,
					display: 'block'
				}).animate({
					top: '-=' + distance + 'px',
					opacity: 1
				}, time, 'swing', function () {
					beingShown = false;
					shown = true;
				});
			}
			return false;
		}).mouseout(function () {
			if (hideDelayTimer) clearTimeout(hideDelayTimer);
			hideDelayTimer = setTimeout(function () {
				hideDelayTimer = null;
				info.animate({
					top: '+=' + distance + 'px',
					opacity: 0
				}, time, 'swing', function () {
					shown = false;
					info.css('display', 'none');
				});
			}, hideDelay);
			return false;
		});
	});
	
});