//menu and scroll
$(function() {
	$('.scroll').bind('click',function(event){
		var $anchor = $(this);

		$('html, body').stop().animate({
			scrollLeft: $($anchor.attr('href')).offset().left
		}, 1500,'easeInOutExpo');

		$('html, body').stop().animate({
			scrollLeft: $($anchor.attr('href')).offset().left
		}, 1000);
		event.preventDefault();
	});
	
	$("a.menu").click(function() {
		$('a.menu').removeClass('active');
		$(this).addClass('active');
	});
	
	$("a.next").click(function() {
		$('a.menu').removeClass('active');
		$('a.uno').addClass('active');
	});
	
	$("a.cta").click(function() {
		$('a.menu').removeClass('active');
		$('a.dos').addClass('active');
	});
});

//lightbox
$(document).ready(function() {

	$("a.group").fancybox({
		padding:1,
		'transitionIn'	: 'elastic',
		'titlePosition'		: 'outside',
		'cyclic'	: true,
		'showNavArrows'	: true,
		'overlayShow'	: true,
		'overlayColor'		: '#000',
		'overlayOpacity'	: 0.6
	});
	
	$("a.iframe").fancybox({
		padding:1,
		'transitionIn'	: 'elastic',
		'titlePosition'		: 'outside',
		'overlayShow'	: true,
		'overlayColor'		: '#000',
		'overlayOpacity'	: 0.7
	});
});

//Active links
$(window).scroll(function (event) {
	$("a.active").removeClass("active");
  // what the y position of the scroll is
  	var x = $(window).scrollLeft();

  	if (x > 2000) {
		$(".uno").addClass("active");
		$(".dos").removeClass("active");
		$(".tres").removeClass("active");
	}
  	if (x > 4000) {
      	$(".dos").addClass("active");
		$(".uno").removeClass("active");
		$(".tres").removeClass("active");
  	}
  	if (x > 5500) {
      	$(".tres").addClass("active");
		$(".dos").removeClass("active");
		$(".uno").removeClass("active");
  	}
  	else {
      	$(".zero").addClass("active");
  	}
});

//Echo face
setTimeout(function() {
    $('.echo').fadeOut('slow');
}, 4000); // <-- time in milliseconds