$(document).ready(function() {
	var speed = 12000;
	var run = setInterval('rotate()', speed);	
	var item_width = $('#slides li').outerWidth(); 
	var left_value = item_width * -1;
	
	//console.log("Item width: " + item_width);
	
	var itemsSize = $("#slides li").length;
	//console.log("Amount of slides: " + itemsSize);
	
	var newWidth = parseInt(item_width * itemsSize) + "px";
	//console.log("New width: " + newWidth);
	
	$("#slides ul").css({'width' : newWidth});
	
	$('#slides li:first').before($('#slides li:last'));
	$('#slides ul').css({'left' : left_value});
	
	// Generate a random number
	var randSlide = Math.floor(Math.random()*(itemsSize - 1));
	// Click the slider x times
	var left_indent = parseInt($('#slides ul').css('left')) - (item_width * randSlide);
	$('#slides ul:not(:animated)').css({'left' : left_indent}, 2000, function () {
		$('#slides li:last').after($('#slides li:first'));
		$('#slides ul').css({'left' : left_value});
	});
 
	$("#slides").click(function() {
		var left_indent = parseInt($('#slides ul').css('left')) - item_width;
		$('#slides ul:not(:animated)').animate({'left' : left_indent}, 2000, function () {
			$('#slides li:last').after($('#slides li:first'));
			$('#slides ul').css({'left' : left_value});
		});
	});
});
 
function rotate() {
	$("#slides").click();
}
