hi, i am working on dragpanel extender i write the code for drag panel, it is coming nice but when i drag the panel it going back to the same position where it is initially. This is my code...

Untitled Page

<style type="text/css">
.outerPanel {
border: solid 1px #C0C0C0;
background-color: #e1e1e1;
width: 200px;
height: 300px;
z-index:20;
padding: 2px;
}

.dragPanel {
border: solid 1px #FFFFFF;
background-color: #C0C0C0;
width: 194px;
height: 15px;
color: #FFFFFF;
font-weight:bold;
padding: 2px;
cursor: move;
}

function setBodyHeightToContentHeight() { document.body.style.height = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) + "px"; } setBodyHeightToContentHeight(); // Uncomment the line below if you are having problem while resizing the browser window. window.attachEvent('onresize', setBodyHeightToContentHeight);

    <asp:Panel ID="Panel1" runat="server" CssClass="outerPanel">
<asp:Panel ID="Panel2" runat="server" CssClass="dragPanel">
    <b>Dragable Panel</b>
</asp:Panel>
<p>
     Surya Sasidhar surya sasidhar
     Surya Sasidhar surya sasidhar
     Surya  sasidhar surya sasidhar      
</p>

        <cc1:DragPanelExtender ID="DragPanelExtender1" TargetControlID="Panel1" DragHandleID ="Panel2" runat="server">
        </cc1:DragPanelExtender>
    </div>
</form>

and it is ging some javascript error like object required