When I combine my three jQuery plugins, two of them work but the navigation bar's animation does not work. All support is greatly appreciated. Thanks (I am a novice also)
<!-- Nav Bar2 -->
<link href="css/webwidget_menu_glide.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/webwidget_menu_glide.js"></script>
<script type="text/javascript">
//create this naming for Jquery 1.3.2 version
var jQuery_1_3_2 = $.noConflict(true);
</script>
<div id="webwidget_menu_glide" class="webwidget_menu_glide">
<div class="webwidget_menu_glide_sprite"></div>
<ul>
<li><a href="http://www.htmldrive.net/">Home</a></li>
<li><a href="http://www.htmldrive.net/">News</a></li>
<li class="current"><a href="http://www.htmldrive.net/">About</a></li>
<li><a href="http://www.htmldrive.net/">Contact</a></li>
<li><a href="http://www.htmldrive.net/">More...</a></li>
</ul>
<div style="clear: both"></div>
</div>
<script language="javascript" type="text/javascript">
$(function() {
$("#webwidget_menu_glide").webwidget_menu_glide({menu_width:"100", menu_height:"30", menu_text_size:"15", menu_text_color:"#CCC", menu_sprite_color:"#666", menu_background_color:"#000", menu_margin:"5", sprite_speed:"normal", container:"webwidget_menu_glide" });
});
</script>
<!-- Nav Bar2 -->
<!-- Slideshow2 -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="responsiveslides.min.js"></script>
<link rel="stylesheet" href="responsiveslides.css" type="text/css" />
<ul class="rslides">
<li><img src="1.jpg" alt=""></li>
<li><img src="2.jpg" alt=""></li>
<li><img src="3.jpg" alt=""></li>
</ul>
<script>
$(function() {
$(".rslides").responsiveSlides();
});
</script>
<!-- Slideshow2 -->
<!-- Side bar -->
<link rel="stylesheet" type="text/css" href="styles.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="sliding_effect.js"></script>
<script type="text/javascript">
//create this naming for Jquery 1.3.2 version
var jQuery_1_3_2 = $.noConflict(true);
</script>
<div id="navigation-block">
<ul id="sliding-navigation">
<li class="sliding-element"><h3>Shows</h3></li>
<li class="sliding-element"><a href="#">24 January Main Event</a></li>
<li class="sliding-element"><a href="#">23 January Main Event</a></li>
<li class="sliding-element"><a href="#">Link 2</a></li>
<li class="sliding-element"><a href="#">Link 3</a></li>
<li class="sliding-element"><a href="#">Link 4</a></li>
<li class="sliding-element"><a href="#">Link 5</a>
</li>
<li class="sliding-element"><a href="#">24 January Main Event</a></li>
<li class="sliding-element"><a href="#">23 January Main Event</a></li>
<li class="sliding-element"><a href="#">Link 2</a></li>
<li class="sliding-element"><a href="#">Link 3</a></li>
<li class="sliding-element"><a href="#">Link 4</a></li>
<li class="sliding-element"><a href="#">Link 5</a>
</li>
<li class="sliding-element"><a href="#">24 January Main Event</a></li>
<li class="sliding-element"><a href="#">23 January Main Event</a></li>
<li class="sliding-element"><a href="#">Link 2</a></li>
<li class="sliding-element"><a href="#">Link 3</a></li>
<li class="sliding-element"><a href="#">Link 4</a></li>
<li class="sliding-element"><a href="#">Link 5</a>
</li>
</ul>
</div>
<!-- Side bar -->