<!-- Slider Start -->
<div id="slider">
    <div class="slider-wrapper theme-default">
        <div class="nivoSlider slider">
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_01.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_02.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_03.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_04.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_05.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_06.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_07.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_08.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_09.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_10.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_11.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_12.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_13.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_14.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_15.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_16.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_17.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_18.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_19.jpg"alt="" /></a>
            <a href="javascript:void(0)"><img src="<?= base_url() ?>global/site/images/slideshow/Slices_20.jpg"alt="" /></a>
        </div>
    </div>
</div>
<script type="text/javascript" src="<?= base_url() ?>global/site/js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
    $(window).load(function() {
        $('.slider').nivoSlider({
            effect: 'random',
            animSpeed: 600,
            pauseTime: 5000,
            boxCols: 8,
            boxRows: 4,
            slices: 15,
            randomStart: true,
            startSlide: 0,
            pauseOnHover: true,
            prevText: 'Prev',
            nextText: 'Next',
            directionNav: true,
            controlNav: true,
            controlNavThumbs: false,
            manualAdvance: false
        });
    });
</script>
<!-- Slider End -->