Multiple javascripts not collaborating together properly
<p>I'm new here, I'm a self-taught web designer who frankly have no knowledge of any javascript or jquery. However, I'm able to follow instructions and use plug-ins of course :)</p>

<p>I've been trying to search for a solution for the problem I'm experiencing currently.</p>

<p>I have a multiple js plug-ins and I think some of them are overlapping and cancelling each other out at the moment.</p>

<p>The following is what I have between &lt; /body> and &lt; /html></p>

<p>*Sorry, I tried posting the codes but got a warning telling me that they were from another domain, which is blocked / failed to load. So here's a screenshot image file!</p>

<pre><code>http://i.imgur.com/QHBCNjM.jpg
</code></pre>

<p>All of these were working properly until I added the Content Switcher plug-in (source: <a href="https://github.com/cheynewallace/jquery-content-panel-switcher/tree/master/demo%20and%20instructions" rel="nofollow">https://github.com/cheynewallace/jquery-content-panel-switcher/tree/master/demo%20and%20instructions</a>) </p>

<p>When I load the page, MouseOn caption plug-in and Lytebox plug-in work fine. But the moment I trigger the Content Switch plug-in, the aforementioned plug-ins become disabled.</p>

<p>Should I give up the content switcher? I've tried other plug-ins and non-javascript methods, but this works and fits my purpose the best so far.. So I'm a little agitated :(</p>

<p>If someone could help, that would save my day.</p>

<p>Thank you very much!</p>
