jQuery(function($) {
	var currSlide = 0;
	var count = 0;
	var slideTimer = 4000;
	var len = ($('.slides li').length)-1;
	var timer = null;
	var auto = true;
	
	$('.slides li:not(:first)').each(function() {
		$(this).css('left',940);
	})
	
	/**
		TODO
		Add auto scrolling
	**/
	
	$('.controls li').click(function(e) {	
		scrollSlide($(this));
		count = $(this).index();	
		e.preventDefault();
	});
	
	function scrollSlide(obj) {			
		$('.controls li:eq('+currSlide+')').removeClass('selected');
		var myIndex = $(obj).index();
		if (myIndex != currSlide) {
			$('.slides li:eq('+currSlide+')').css('z-index',1).animate({
				left: '-=940'
				}, 500, 'linear', function() {
					$(this).css('left',940);
				});
			$('.slides li:eq('+myIndex+')').css('z-index',100).animate({
				left: '-=940'
				}, 420, 'linear');
			
			currSlide = myIndex;			
		}
		$('.controls li:eq('+currSlide+')').addClass('selected');	
		if (auto == true) {
			clearTimeout(timer);			
			timer = setTimeout(autoScroll, slideTimer);
		}else{
			clearTimeout(timer);
		}		
	}
	
	function autoScroll() {
		var which = $('.slides li:eq('+count+')');
		if (count < len) {
			count++;
		}else{
			count = 0;
		}
		scrollSlide(which);
	}
	
	autoScroll();
	
	$('.next').click(function(e) {
		clearTimeout(timer);
		auto = false;
		autoScroll();
		e.preventDefault();
	});

});