Cant use multiple javascript in same page...

 <link href="css/lightbox.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<SCRIPT type=text/javascript>
        $(window).load(function() {
            $('#slider').nivoSlider({directionNavHide:false});
        });
        </SCRIPT>

<SCRIPT>
                jQuery(document).ready(function(){
                    jQuery('#holder').show();
                    jQuery('#test').simple_slider({
                        'leftID': 'leftNav',
                        'rightID': 'rightNav',
                        'display': 7
                    })
                });
            </SCRIPT>

 <script type="text/javascript" src="js/lightbox.js"></script>
  <script src="js/effects.js" type="text/javascript"></script>
  <script src="js/prototype.js" type="text/javascript"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>