Scrolling div within bounds
<p>I have div with images inside it and need to scroll it left and right. I,ve managed to get the scrolling to work, but now I need it to stay in the displayable area.
I need to use jQuery</p>

<pre><code>$('#next').click(function() {
$('#slides').animate({left: '-=80',}, 2000, function() {});
});

$('#prev').click(function() {
$('#slides').animate({left: '+=80',}, 2000, function() {});
});
</code></pre>

<p>The two "buttons" is used to scroll.
How do I get the slides' position.left to stay between 0 and -1120 ?</p>

<p>This will be the bottom of my slideshow. The large images will be at the top. 
How do I change the z-index of a div ?</p>
