Problems using horizontal menu "lavalamp" and dock menu css

Problems using horizontal menu "lavalamp" and dock menu css

These codes worked fine in IE when they are separated, but when they are togheter lavalamp don´t work (Javascript). In addition, the declaration of the scripts should go in this order but the dock does not apply. What could be? that is what is wrong? Thank you very much.
 
 
This ir de order:
    <script type="text/javascript" src="javascript/jquery-1.2.3.min.js"></script>
    <script type="text/javascript" src="javascript/jquery.easing.min.js"></script>
    <script type="text/javascript" src="javascript/jquery.lavalamp.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#1, #2, #3").lavaLamp({
                fx: "backout",
                speed: 700,
                click: function(event, menuItem) {
                }
            });
        });
    </script>











 <script type="text/javascript" src="javascript/jquery.js"></script>
    <script type="text/javascript" src="javascript/interface.js"></script>
<!--[if lt IE 7]>
 <style type="text/css">
 div, img { behavior: url(iepngfix.htc) }
 </style>
<![endif]-->



<script type="text/javascript">
 
 $(document).ready(
  function()
  {
   $('#dock').Fisheye(
    {
     maxWidth: 50,
     items: 'a',
     itemsText: 'span',
     container: '.dock-container',
     itemWidth: 40,
     proximity: 90,
     halign : 'center'
    }
   )
  }
 );
















</script>