var interval;

function autoSlide() {
	
	var currentslide	= $('#slider').find('.active').attr('id');
	currentslide		= currentslide.replace('slide','');
	
	var current			= parseInt(currentslide);
	
	var lastslide		= $('#slider img').last().attr('id');
	lastslide			= lastslide.replace('slide','');
	
	var nextslide		= current+1;
	
	if(currentslide == lastslide) {
		$('#slider').find('.active').removeClass('active');
		$('#slider img').first().addClass('active');
		$('#control'+currentslide).removeClass('active');
		$('#control0').addClass('active');
		$('#slider').animate({
			"left":	'10px'
		}, 1000,"easeOutQuint");
	}
	else if(currentslide < lastslide) {
		$('#slider').find('.active').removeClass('active').next().addClass('active');
		$('#control'+currentslide).removeClass('active');
		$('#control'+nextslide).addClass('active');
		$('#slider').animate({
			"left":	'-=940px'
		}, 1000,"easeOutQuint");
	}
}

$(document).ready(function(){
	var width			= $('#slider img').size();
	var currentslide	= $('#slider').find('.active').attr('id');
	currentslide		= currentslide.replace('slide','');
	
	$('#slider').css("width",width*940);
	$('#slider-controls').css({
		"width":	width*10,
		"left":		480-(width*10)/2
	});
	for (i = 0; i < width; i++) {
		if(currentslide == i) {
			var active	= 'class="active"';
		}
		else {
			var active = '';
		}
		$('#slider-controls').append('<li><a id="control'+i+'" '+active+'></a></li>');
	}
	

	
	function slider() {
		clearInterval(interval);
		
		$('#slider-controls li a').unbind('click');
		var clickedslide	= $(this).attr("id");
		clickedslide		= clickedslide.replace('control','');
		
			var currentslide	= $('#slider').find('.active').attr('id');
			currentslide		= currentslide.replace('slide','');
		
		$('#slider').find('.active').removeClass('active');
		$('#slide'+clickedslide).addClass('active');
		$('#control'+currentslide).removeClass('active');
		$('#control'+clickedslide).addClass('active');
		
		if (currentslide > clickedslide) {
			var difference	= currentslide - clickedslide;
			var animate		= 940 * difference;
			$('#slider').animate({
				'left': '+='+animate
			}, 1000,"easeOutQuint");
		}
		else if (currentslide < clickedslide) {
			var difference	= clickedslide - currentslide;
			var animate		= 940 * difference;
			$('#slider').animate({
				'left':	'-='+animate
			}, 1000,"easeOutQuint"); 
		}
		currentslide		= clickedslide;
		$('#slider-controls li a').bind("click",slider);
		
		interval	= setInterval( "autoSlide()", 5000 );
	}
	$('#slider-controls li a').bind("click",slider);
	
	interval	= setInterval( "autoSlide()", 5000 );
});