Java Script conflict while Popup and Slideshow
<p>In my webpage I am doing two things:</p>

<ol>
<li><p>Image slide show</p></li>
<li><p>Image popup </p></li>
</ol>

<p>For that I had included 6 JavaScript files, but it conflicts. It works fine individually. How can I avoid the JavaScript conflict?</p>

<p>I had included the js file like this:</p>

<pre><code>----------------for popup-------------
&lt;div id="content"&gt;
    &lt;div class="chat in"&gt;
        &lt;div class="msg Nth"&gt;
            &lt;script type="text/javascript" src="popup/js/prototype.js"&gt;&lt;/script&gt;
            &lt;script type="text/javascript" src="popup/js/scriptaculous.js?load=effects"&gt;&lt;/script&gt;
            &lt;script type="text/javascript" src="popup/js/lightbox.js"&gt;&lt;/script&gt;&gt;
                &lt;div class="msg Nth"&gt;

--------------for slideshow-------------
&lt;script src="scrollbar_2/jquery-1.3.2.min.js" language="javascript" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="scrollbar_2/jquery-ui-1.7.1.custom.min.js" language="javascript" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="scrollbar_2/slider_test.js" language="javascript" type="text/javascript"&gt;&lt;/script&gt;
</code></pre>
