Conflict with using 2 of the same Jquery LSliderNews plugin on the same page.

Conflict with using 2 of the same Jquery LSliderNews plugin on the same page.

This is the page:  http://woundedwarriorsinitiative.com/sponsors.php

The bottom one works fin, but when you select the thumbnails on the upper one, it changes the images of the bottom one, instead of its own. How do I fix? I am new to jQuery.

This is my run script:
<script language="javascript" type="text/javascript" src="lofslidernews/js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="lofslidernews/js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="lofslidernews/js/script.js"></script>
<script type="text/javascript">
 $(document).ready( function(){
$('#lofslidecontent45').lofJSidernews( { interval:6000,
easing:'easeInOutQuad',
duration:1200,
auto:true } );
});

</script>
<script type="text/javascript">
 $(document).ready( function(){
$('#lofslidecontent46').lofJSidernews2( { interval:6500,
easing:'easeInOutQuad',
duration:1200,
auto:true } );
});

</script>
<style>
ul.lof-main-wapper li {
position:relative;
}
</style>



I had labelled the top one: #lofslidecontent45
and the bottom one: #lofslidecontent46

Please help!!