jquery script conflict

Hello Experts,

i have a photo slider animation in my webpage and now i wanted to add one more script for another animation. it looks like that they have a conflict as they do not play together.
i tried adding the "jQuery.noConflict();" right after the script tag in both scripts and also move one of the script to the body area but still they do not play together.

initial scripts:
========================================================
<script type="text/javascript" src="js/mootools-1.2-core.js"></script>
<script type="text/javascript" src="js/_class.viewer.js"></script>

<script type="text/javascript">
window.addEvent('domready',function(){
var V5 = new viewer($('front_slider').getChildren(),{
mode: 'alpha',
interval: 5000,
onWalk: function(current_index){
}
}).play(true);
});
</script>

the additions:
=====================================================
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$("#sliderfooter").easySlider({
auto: true,
continuous: true,
controlsShow: false,
speed: 800,
pause: 2000,
firstText: 'First',
});
});      
</script>