var trigger = ""

$(function(){
	
	$('#image_slider img').css({
		float: "left"
	});
	$('#image_slider_wrapper').css({
		width: $('#image_slider').width() * $('#image_slider img').length
	});
	
	trigger = setTimeout(slide, 3000);
	
	
})

function slide(){
	
	clearTimeout(trigger);
	
	$('#image_slider_wrapper').animate({
		marginLeft: $('#image_slider').width() * -1
	}, function(){
		
		//Move the first to the last
		img = $('#image_slider_wrapper img:first');
		
		$('#image_slider_wrapper').append(img)
		
		$('#image_slider_wrapper img:first').remove
		
		$('#image_slider_wrapper').css({
			marginLeft: 0
		})
		
		trigger = setTimeout(slide, 3000);
		
	})
	
}
