Topic: Problem with using script.aculos.us

HI everybody,

I'm newbie to rails application.
I like to use script.aculos.us script in my app to drag and drop operation.

In that I can't drag the items using this script.

This is the code I used inside my .rhtml file.

<html>
<head>
        <script src="javascripts/prototype.js" type="text/javascript"></
script>
        <script src="javascripts/scriptaculous.js" type="text/javascript"></
script>
        <script src="javascripts/effects.js" type="text/javascript"></script>

</head>
<body>

<b> Effects </b>

  <div onclick="new Effect.SwitchOff(this)">
    Click here if you've seen enough.
  </div>

<div onclick="new Effect.SwitchOff(this)">
    Click here if you've seen enough.
</div>

<b> Drag and Drop </b>

<div id="dragDIV" >drag</div>
<%= javascript_tag "new Draggable('dragDIV')" %>

<div id="helperDIV" class="green box">helper</div>
<%= draggable_element :helperDIV %>

</body>
</html>

And i have the files scriptaculous.js, builder.js, effects.js,
dragdrop.js, controls.js, slider.js and prototype.js in my app/public/javascripts/

In that <b> Effects </b> is working well. But <b> Drag and Drop </b>  is not working. I cant drag any thing in that page.  And in my development.log its fetch the above 6 javascripts. I mean it includes the .js files into my app. But still its not working. Any other
suggestion. Or I missed any code to enable the drag function. Else tell me how to drag the content inside the <div> </div> using script.aculos.us.....

Regards,
Veeraa...