Prototype-UI interrupts with my current code, can't fix it!
<p>After 3 days of working on one 'Dragable Windows Interface' i discovered that the core isn't allowing me to make more than one window on a page.</p>

<p>I decided to switch to Prototype-UI interface but it seems like it interrupts with my current Jquery code, any ideas how to fix this?</p>

<p>This is the error that Web Console shows me when i attach Prototype-UI JS files:</p>

<pre><code>[16:39:42.443] $("BODY") is null @ http://XXX.XXX/smart_panel/res/main.js:4
</code></pre>

<p>so basically this is the code that makes the problem: (Jquery bg image stretcher).</p>

<pre><code>$(document).ready(function(){
//  Initialize Backgound Stretcher
$('BODY').bgStretcher({
images: ['images/spb3.jpg'], imageWidth: 1360, imageHeight: 765
});
});
</code></pre>

<p>After i've tried to delete this i got another error on the next JQuery plugin ($('#dock2') is null).</p>

<p>And its really frustrating to try over and over again when you are not a JavaScript pro (I think the practice is the best learning process tho).</p>

<p>So after deleting those three lines:</p>

<pre><code>&lt;script type="text/javascript" src="res/prototype.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="res/effects.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="res/window.js"&gt;&lt;/script&gt; 
</code></pre>

<p>Which is the files of Prototype-UI everything is normal again and i get no errors, so is there any way that this interface was designed to work as a standalone without any other JS/JQ scripts? I don't think so and that's why i need your help.</p>

<p>Here is the link to Prototype-UI: <a href="http://docs.prototype-ui.com/trunk" rel="nofollow">http://docs.prototype-ui.com/trunk</a></p>

<p>If there is no way to fix it, can someone please suggest a GOOD Dragable windows plugin that will allow me to create multiply resizeable-dragable windows on a page? :\</p>

<p>Best Regards,
Rico S.</p>
