Resize,draggable problem

Resize,draggable problem


I have been trying to bind Resize and draggable to an image element at
the same time with no luck I can do both separte but really need to be
able to drag the image and resize it. I'm pretty new to jquery so any
help would be appreciated.
code:
<script type="text/javascript" charset="utf-8">
var $j = jQuery.noConflict();
$j(document).ready
(
function() {
$j('#imgTest').bind('mousedown', function(e) {
$j('#imgTest').draggable().resizable({ handles: 'all',
knobHandles: true, autoHide: false });
});
}
);
function ActivateImageResize() {
$j('#imgTest').resizable({ handles: 'all', knobHandles:
true, autoHide: false });
}
</script>
<body>
<form id="form1" runat="server" >
<input type="button" value="resize" onclick="ActivateImageResize
();" />
<div style="position: absolute; height: 900; width: 800;
background-color: Gray">
<img style="position: absolute; top: 0; left: 0;"
ondblclick="ActivateImageResize();"
alt="" src="../Images/NationwidePrint/images/austin-
texas.gif" id="imgTest" />
</div>
</form>
</body>
Thanks,
Brian