как в JQuery ограничить drag

[Лубышев]

<script src="http://jqueryui.com/jquery-1.7.1.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.core.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.mouse.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.draggable.js"></script>

<div id="general" style="width:800px; height:600px; margin:auto; overflow:hidden; border:1px solid #000000;">
<img src="1.jpg" id="im" />
</div>

<script>
$(function() {
$( "#im" ).draggable();
});
</script>

у меня вот примерно такой код. он позволяет перетаскивать картинку (или другой элемент)
сам элемент находится внутри фиксированного контейнера. изображение скорее всего всегда будет больше этого фиксированного блока.

мне нужно как то сделать так - чтобы допустим как только левая сторона изображения будет находится на той же вертикали что и левый край контейнера - перетаскивание бы стало невозможным правее. то есть чтобы фотка таскалась только внутри. как то поставить органичитель на перетаскивание. эффект чтобы был примерно таким же как в интерактивных картах - если дотащили до края - то стоп

[Виталий Желтяков]

draggable({ containment: '#id_контейнера', })