var SlideShow = {
	DELAY: 4000,
	SPEED: 500,
	INDEX: 1,
	TIMEOUT: null,
	PAUSED: false,
	init: function(){
		//click events
		$('ul.nav li.pause a').click(function(){
			SlideShow.pause();
		});
		$('ul.nav li.play a').click(function(){
			SlideShow.play();
		});
		$('ul.nav li.num a').click(function(event){
			SlideShow.pause();
			SlideShow.INDEX = $(this).html() - 1;
			SlideShow.change();
		});
		SlideShow.play();
	},
	play: function(){
		$('ul.nav li.play').hide();
		$('ul.nav li.pause').show();
		if(SlideShow.PAUSED == true){
			SlideShow.change();
			SlideShow.PAUSED = false;
		}
		SlideShow.TIMEOUT = setInterval(SlideShow.change,SlideShow.DELAY);
	},
	pause: function(){
		SlideShow.PAUSED = true;
		$('ul.nav li.pause').hide();
		$('ul.nav li.play').show();
		clearInterval(SlideShow.TIMEOUT)
	},
	end: function(){
		SlideShow.PAUSED = true;
		$('ul.nav li.pause').hide();
		$('ul.nav li.play').show();
		clearInterval(SlideShow.TIMEOUT);
		
		//return to first slide
		function backtofirst(){
			//back to one
			$('.hero ul.nav li.num').removeClass('active');
			$('.hero ul.nav li.num:eq(0)').addClass('active');
			//update slide
			$('ul.heros li').removeClass('active');
			$('ul.heros li:eq(0)').addClass('active');
			$('ul.heros li.active').animate({
				left: 0
			}, SlideShow.SPEED, function(){
				SlideShow.animateOut();
			});
			clearTimeout(endTime);
		}
		var endTime = setTimeout(backtofirst,SlideShow.DELAY)
	},
	animateIn: function(){
		//update nav
		$('.hero ul.nav li.num').removeClass('active');
		$('.hero ul.nav li.num:eq('+SlideShow.INDEX+')').addClass('active');
		//update slide
		$('ul.heros li').removeClass('active');
		$('ul.heros li:eq('+SlideShow.INDEX+')').addClass('active');
		$('ul.heros li.active').animate({
			left: 0
		}, SlideShow.SPEED, function(){
			SlideShow.animateOut()
		});
	},
	animateOut: function(){
		$('ul.heros li').css({
			left: 600
		});
		$('ul.heros li.active').css({
			left: 0
		});
	},
	change: function(){
		SlideShow.animateIn();
		//update index
		if(SlideShow.INDEX >= $('ul.heros li').length-1){
			SlideShow.end();
			SlideShow.INDEX = 1;
		}else {
			SlideShow.INDEX += 1;
		}
	}
};