$(document).ready(function(){
	
	timeout = null;
	
	$('#carousel li').hover(
		function() {
			clearTimeout(timeout);
			$(this).css('background-position', 'center bottom');
			$(this).css('cursor', 'pointer');
			$(this).bind('click', function() {
				var link = $(this).attr("class");
				link = link + '.php';
				top.location=link;	
				return false;
			});
		},
		function() {
			$(this).css('background-position', 'center top');
			move_list(1);
		}
	);	
	
	move_list(1);
	
});

function move_list(iteration) {
	//move the whole list
	var list = $("#carousel").css('left');
	list = parseInt(list);
	list = list + 1;
	list = list + 'px';
	$("#carousel").css('left', ''+list+'');
	
	if (iteration / 2730 == 1) { //was 75
		$("#carousel").css('left', 0);
		$("#carousel li:last").insertBefore("#carousel li:first");
		$("#carousel").css('left', 0);
		$("#carousel").css('padding-left', '0px');
		iteration = 0;
	}	
	iteration++;
	timeout = setTimeout("move_list("+ iteration +")", 30);
}

