$(function(){
	
	var loop_speed = 4000;
	var img_width = 351; //The width size of each picture //$(".image_container").width();	
	var scroll_speed = 500; //miliseconds
	var current = 0;


	var timeout;
	var clicked = false;
	var img_qty = $(".image_container img").size();
	$(".prev").click(function(){
		clearTimeout(timeout);
		$(".image_container").scrollTo(current-1);
	});
	$(".next").click(function(){
		clearTimeout(timeout);
		$(".image_container").scrollTo(current+1);
	});
	$(".img_thumbs img").click(function(){
		var index = $(".img_thumbs img").index($(this));
		current = index;
		clearTimeout(timeout);
		$(".image_container").scrollTo(current)
	});

	$.fn.extend({
		scrollTo: function (picture){
			if(picture >= img_qty) picture = 0;
			if(picture < 0 ) picture = img_qty-1;
			if(clicked || (picture < 0 || picture >= img_qty )) return false;
			clicked = true;
			var scroll_to = picture * img_width;
			current = picture;
			$(this).animate({scrollLeft: scroll_to}, scroll_speed, function(){ clicked=false; timeout = setTimeout('$(".image_container").scrollTo('+(picture+1)+')',loop_speed ); });
		}
	});
	
	$(".image_container").scrollTo(0);
	
});