
				

<script type="text/javascript" src="js/jquery.simple_slider.js"></script>

<script type="text/javascript">
	
	$(document).ready(function(){
		/*$(".photos").jCarouselLite({
	        btnNext: ".arrow_left",
	        btnPrev: ".arrow_right"
	    });*/

		jQuery('#photos').simple_slider({
	        'leftID': 'arrow_left', //ID of the left image navigation
	        'rightID': 'arrow_right', //ID of the right image navigation
	        'display': 3 //how many images to display at once
		});
	    
	});

</script>


				<?php if($name_show) echo $name ?>
			<div class="slider_gallery">	
				<div class="arrow_left" id="arrow_left"></div>
				
				<div class="photos" id="photos" style="float: left;">

					<?php foreach ($content->result() as $slider):  ?>

						<div class="slider_box">
	                        <div class="slider_bg_top"></div>
	                    	<div class="slider_bg_center">
	                    		<a href="<?='foto/slider'.$slider->slider_name; ?>" rel="shadowbox"><img width="190px" height="135px" src="foto/slider/<?= $slider->slider_name; ?>" border="0" ></a>
	                    	</div>
	                    	<div class="slider_bg_bottom"></div>
	                        <a href="<?='foto/slider/'.$slider->slider_name; ?>" class="slider_link" rel="shadowbox"><?=$slider->slider_header?> &raquo;</a>
	                    </div>

					<?php endforeach; ?>

				</div>
				
				<div class="arrow_right" id="arrow_right"></div>
				<div class="clr"></div>
			</div>	
				
				
				
				
				