<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo_default.css" type="text/css" media="screen" />

<script type="text/javascript" src="./jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="./jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider(
		{
		//animSpeed: 1500,
		//pauseTime: 7000
		
		animSpeed: 1500,
		pauseTime: 5000,
		controlNav: true,
		controlNavThumbs: true,
		controlNavThumbsFromRel: true,

     controlNavThumbsSearch: '.jpg',  
      controlNavThumbsReplace: '_thumb.jpg'
	
		}
		);
    });
</script>

<div class="slider-wrapper theme-default">
            <!--<div class="ribbon"></div>-->
            <div id="slider" class="nivoSlider">
                <img src="start_1.jpg" alt=""  data-transition="fade" rel="start_1_thumb.jpg" //>
                <img src="start_2.jpg" alt="" data-transition="fade" rel="start_2_thumb.jpg" //>
                
            </div>
          
</div>