jQuery conflict with slideshow and glider

jQuery conflict with slideshow and glider

Hey guys,

I'm having trouble getting two jQuery elements working at the same time. Essentially, I want a fading slideshow above a glider; however, something in the glider scripts is breaking the slideshow. If I remove the scripts for the glider, the slideshow works fine. Can someone please tell me know to resolve this conflict?

Here's an example of my code:
  1. <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.tools.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/prototype.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/effects.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/glider.js"></script>

    <script type="text/javascript">
    jQuery.noConflict();
    // Use jQuery via jQuery(...)
    jQuery(document).ready(sfHover = function() {
        if (!document.getElementsByTagName) return false;
        var sfEls1 = document.getElementById("catmenu").getElementsByTagName("li");
        for (var i=0; i<sfEls1.length; i++) {
            sfEls1[i].onmouseover=function() {
                this.className+=" sfhover1";
            }
            sfEls1[i].onmouseout=function() {
                this.className=this.className.replace(new RegExp(" sfhover1\\b"), "");
            }
        }
            var sfEls1 = document.getElementById("menu").getElementsByTagName("li");
        for (var i=0; i<sfEls1.length; i++) {
            sfEls1[i].onmouseover=function() {
                this.className+=" sfhover";
            }
            sfEls1[i].onmouseout=function() {
                this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
            }
        }
    }
        if (window.attachEvent) window.attachEvent("onload", sfHover);{
        jQuery("div").hide();
    });
    // Use Prototype with $(...), etc.
    $('someid').hide();
    </script>

    <script type="text/javascript">
    function slideSwitch() {
        var $active = $('#slideshow IMG.active');
        var $next = $active.next();   

        $next.addClass('active');

        $active.removeClass('active');
    }

    $(function() {
        setInterval( "slideSwitch()", 5000 );
    });
    </script>



















































Thanks so much!