Nivo Slider implementation

file1.js

<link rel="stylesheet" href="theme/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="theme/nivo-slider.css" type="text/css" media="screen" />
<script type="text/javascript" src="scripts/jquery.nivo.slider.pack.js"></script>

<div class="slider-wrapper theme-default">
    <div id="slider" class="nivoSlider">
        <img src="images/image_1.jpg" alt="" title=""  />
        <img src="images/image_2.jpg" alt="" title=""  />
        <img src="images/image_3.jpg" alt="" title=""  />
        <img src="images/image_4.jpg" alt="" title=""  />
        <img src="images/image_5.jpg" alt="" title=""  />
    </div>
</div>

<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
		directionNavHide: true,
		manualAdvance: true,
		directionNav: true,
		controlNav: false
    })
});
</script>