// Scripts
$(function(){
		//VAR AUTO SLIDE
		inx = 1;	
	
		//opciones click nextBtn
		$(".next, .previous").animate({opacity: .5});
		
		$(".next, .previous").hover(function(){
			$(this).stop().animate({opacity: 1});
		}, function(){
			$(this).stop().animate({opacity: .5});
		});
		
		$('#list1a').accordion();
	
		//Disparador del Carousel
		$(".carousel").carousel({ loop: true,  pagination: true, slideEasing: "easeInOutCubic", animSpeed: "slow", autoSlide: true, autoSlideInterval: 6000 });
		
		//Duplicador del slide #1 y el Slide #2
		$("ul#lol > li:first-child").clone().insertAfter("ul#lol > li:last-child");
		$("ul#lol > li:nth-child(4)").clone().insertBefore("ul#lol > li:first-child").addClass("clone");
		
		//Clase para cada link del slideShow
		$(".carousel-pagination p a:nth-child(1)").addClass("pag1");
		$(".carousel-pagination p a:nth-child(2)").addClass("pag2");
		$(".carousel-pagination p a:nth-child(3)").addClass("pag3");
		$(".carousel-pagination p a:nth-child(4)").addClass("pag4");
		
		//Limpiador valor "a" paginación
		$(".carousel-pagination p a").html("");
		
			// Codigo paginación traker	
		$(".carousel-pagination").append('<div id="box"></div>');

		//transición
		var style = 'easeInOutCubic';
		
		//Recuperar la posición de elemento seleccionado y el ancho
		var default_left = Math.round($('.carousel-pagination a.active').offset().left - $('.carousel-pagination').offset().left);
		var default_width = $('.carousel-pagination a.active').width();

		//Ajuste la posición de la barra flotante y ancho de
		$('#box').css({left: default_left});
		$('#box .head').css({width: default_width});

		//Si pone el mouseover sobre el menú
		$('.carousel-pagination a').hover(function () {
			
			//Obtener la posición y el ancho del elemento de menú
			left = Math.round($(this).offset().left - $('.carousel-pagination').offset().left);
			width = $(this).width(); 

			//Ajuste la posición de la barra flotante, la anchura y la transición
			$('#box').stop(false, true).animate({left: left},{duration:500, easing: style});	
			$('#box .head').stop(false, true).animate({width:width},{duration:500, easing: style});	
		
		//Si el usuario da click
		}).click(function () {
			
			//resetear el elemento activo
			$('.carousel-pagination a').removeClass('active');	
			
			//seleccionar el elemento activo
			$(this).addClass('active');
			
			inx = 0;
	
		});
		
		//Si el mouse deja el menu, resetea el indicador hacia el elemento seleccionado
		$('.carousel-pagination').mouseleave(function () {

			//Recuperar la posición de elemento seleccionado y el ancho
			default_left = Math.round($('.carousel-pagination a.active').offset().left - $('.carousel-pagination').offset().left);
			default_width = $('.carousel-pagination a.active').width();
			
			//Ajuste la posición de la barra flotante, la anchura y la transición
			$('#box').stop(false, true).animate({left: default_left},{duration:500, easing: style});	
			$('#box .head').stop(false, true).animate({width:default_width},{duration:500, easing: style});		
			
		});
		
		
	
				
		$(".next").mousedown(function(){			
				if($('.carousel-pagination a:nth-child(1)').hasClass('active')){
					$('#box').stop().animate({left:	150},{duration:500, easing: style});
				}
				if($('.carousel-pagination a:nth-child(2)').hasClass('active')){
					$('#box').stop().animate({left:	300},{duration:500, easing: style});
				}
				if($('.carousel-pagination a:nth-child(3)').hasClass('active')){
					$('#box').stop().animate({left:	450},{duration:500, easing: style});
				}
				if($('.carousel-pagination a:nth-child(4)').hasClass('active')){
					$('#box').stop().animate({left:	0},{duration:500, easing: style});
				}
				
				inx = 0;
				
		});
		
		//opciones click prevBtn
		$(".previous").mousedown(function(){			
				if($('.carousel-pagination a:nth-child(1)').hasClass('active')){
					$('#box').stop().animate({left:	450},{duration:500, easing: style});
				}
				if($('.carousel-pagination a:nth-child(2)').hasClass('active')){
					$('#box').stop().animate({left:	0},{duration:500, easing: style});
				}
				if($('.carousel-pagination a:nth-child(3)').hasClass('active')){
					$('#box').stop().animate({left:	150},{duration:500, easing: style});
				}
				if($('.carousel-pagination a:nth-child(4)').hasClass('active')){
					$('#box').stop().animate({left:	300},{duration:500, easing: style});
				}
				
				inx = 0;
		});
		
		
		/*
		
		AUTOSLIDE
		
		*/
			
		setInterval(function() {
						
			switch (inx)
			{
			case 1:
			 $('#box').stop().animate({left:	150},{duration:500, easing: style});
			 inx++;	
			 
			 break;
			case 2:
			  $('#box').stop().animate({left:	300},{duration:500, easing: style});
			  inx++;
			  
			  break;
			case 3:
			  $('#box').stop().animate({left:	450},{duration:500, easing: style});
			  inx++;
			  
			  break;
			case 4:
			  $('#box').stop().animate({left:	0},{duration:500, easing: style});
			  inx = 1;			  
			  break;
			  
			 case 0:
			  //$('#box').stop().animate({left:	0},{duration:500, easing: style});
			  
			  //alert("XXX");
			  break; 
			    
			default:
			  //alert("hey");
			}					
			
		}, 6000);
		
		/* ===================================================================================
		
											CAPTCHA
										
		====================================================================================== */
				
		var randomStart = 9;  
		var randomEnd = 1;  
		
		var sum1 = Math.floor(Math.random()*(randomStart-(randomEnd-1))) + randomEnd;  
		var sum2 = Math.floor(Math.random()*(randomStart-(randomEnd-1))); 
		
		$("#sum1").html(sum1);
		$("#sum2").html(sum2);
		
		sumTotal = sum1 + sum2;
			
		$("#frontPageContact").submit(function(event){
			if($("#captchaFrontPage").val() == sumTotal){
				//alert("Cool, sabes sumar que sorprexxxxxa");
			} else {
				$.notification("Are you sure that you are human? Your math is wrong!", {
						duration: "2500",
						freezeOnHover: true,
						hideSpeed: "250",
						position: "center",
						showSpeed: "250"
					});
				event.preventDefault();	
			}
		});
		
		/* ===================================================================================
		
											TWITTER
										
		====================================================================================== */
		
		//Twitter Profile!
		var username = 'theotalks';
		jQuery.getScript('http://twitter.com/statuses/user_timeline/' + username + '.json?callback=twitterCallback2&count=1');
		
});