[jquery] stop carousel

[graffithouse]

ciao a tutti, ho creato un carousel tramite jquery

lo script è il seguente

jquery

$(document).ready(function(){

$("#right").click(function (event) {
$("#contenuto").animate({ marginLeft: "+=100px"}, "slow" );
event.preventDefault();
});

$("#left").click(function (event) {
$("#contenuto").animate({ marginLeft: "-=100px"}, "slow" );
event.preventDefault();
});

});

css

div#contenitore{
	margin:200px auto;
	width:100px;
	height:60px;
	border:1px solid #000;
	overflow:hidden;
}

div#contenuto{
	margin:0px;
	width:600px;
	height:50px;
	padding:5px 0;
	float:left;
	display:inline;
}

.uno{
	margin:0px 5px;
	width:90px;
	height:50px;
	float:left;
	display:inline;
	background:#ccc;
	overflow:hidden;
}

html

left
right
		
<div id="contenitore">
<div id="contenuto">

  <div class="uno"></div>
  <div class="uno"></div>
  <div class="uno"></div>
  <div class="uno"></div>
  <div class="uno"></div>
		
</div>
</div>

lo script funziona quasi correttamente, cioè, si muove verso destra e verso sinistra, solo, che non si ferma quando finisce la lunghezza del contenuto, ma continua all'infinito.


come faccio a dargli uno stop quando arriva alla fine?

grazie in anticipo a tutti!

[graffithouse]

nessun consiglio?