jQuery(document).ready(function(){


	jQuery('span#span1').click(function() {
		jQuery('#plop').animate({ left: "0px" });/*0*/
	});
	jQuery('span#span2').click(function() {
		jQuery('#plop').animate({ left: "-530px" });/*-549*/
	});
	jQuery('span#span3').click(function() {
		jQuery('#plop').animate({ left: "-1060px" });/*-1098*/
	});
	jQuery('span#span4').click(function() {
		jQuery('#plop').animate({ left: "-1590px" });/*-1647*/
	});
	
	jQuery('#derniers li span').hover(
		function() {
			jQuery(this).parent().addClass('hover');
		},
		function() {
			jQuery(this).parent().removeClass('hover');
		}
	).click(
		function() {
			jQuery('#derniers li').each(function() {
				if(jQuery(this).hasClass('selected'))
					jQuery(this).removeClass('selected');
			});
			jQuery(this).parent().addClass('selected');
		}
	);
});