<!--<link rel="stylesheet" href="/3rdparty/carousel/html/files/css/default.css" type="text/css" media="screen" />-->
<link rel="stylesheet" href="/3rdparty/carousel/html/files/css/horizontal.css" type="text/css" media="screen" />

<script type="text/javascript" src="/3rdparty/carousel/html/files/js/jquery.easing.1.3.js"></script>    
<script type="text/javascript" src="/3rdparty/carousel/html/files/js/jquery.elegantcarousel.min.js"></script>
   
<style>
	ul { 
		list-style-type: none;
	    margin-block-start: 0em;
	    margin-block-end: 0em;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;
	    padding-inline-start: 0px;
	}

</style>   
   
    <script type="text/javascript">
       $(document).ready(function() {
            
            $('.carousel').elegantcarousel({
                    delay:150,
                    fade:300,
                    slide:500,
                    effect:'fade',                  //  fade, slide           
                    orientation:'horizontal',       //  horizontal, vertical
                    captionFade: 150,
                    loop: true,                    //  false, true
                    autoplay: true,                 //  false, true
                    time: 4000,
                    stopAutoplay: false
            });

            // horizontal center of the main  
            function center_main() {
                var window_height = $(window).height();
                var main_height = parseInt($('#main').css('height'));
                var main_height_margin = (window_height - main_height) / 2;
                $('#main').css('top',Math.floor(main_height_margin));
            }
            center_main();
    
        });
    </script>    
   
	<div id="main" style="background:#111; margin-bottom:0px;">
    	<div class="inner" style="background:#111;">
			<div class="example horizontal" style="background:#111;">
				<div id="carousel-1" class="carousel" style="width:90% !important; background:#111;">
                	<a class="carousel_prev carousel_left" href="" rel="carousel-1">prev</a>
                	<div class="carousel_container">
                        <ul class="portfolio_items">
                            <li><div class="inner"><a href=""><img src="/3rdparty/carousel/html/files/images/img_hover_1.png" width="220" height="140" /></a>
                            		<div class="caption"><a href=""><img src="/3rdparty/carousel/html/files/images/img_hover.png" alt="hover image"/></a></div></div></li>
                            <li><div class="inner"><a href=""><img src="/3rdparty/carousel/html/files/images/img_hover_2.png" width="220" height="140" /></a>
                            		<div class="caption"><a href=""><img src="/3rdparty/carousel/html/files/images/img_hover.png" alt="hover image"/></a></div></div></li>
                        	<li><div class="inner"><a href=""><img src="/3rdparty/carousel/html/files/images/img_hover_3.png" width="220" height="140" /></a>
                            		<div class="caption"><a href=""><img src="/3rdparty/carousel/html/files/images/img_hover.png" alt="hover image"/></a></div></div></li>
                        	<li><div class="inner"><a href=""><img src="/3rdparty/carousel/html/files/images/img_hover_4.png" width="220" height="140" /></a>
                            		<div class="caption"><a href=""><img src="/3rdparty/carousel/html/files/images/img_hover.png" alt="hover image"/></a></div></div></li>
                            <li><div class="inner"><a href=""><img src="/3rdparty/carousel/html/files/images/img_hover_5.png" width="220" height="140" /></a>
                            		<div class="caption"><a href=""><img src="/3rdparty/carousel/html/files/images/img_hover.png" alt="hover image"/></a></div></div></li>
                        	<li><div class="inner"><a href=""><img src="/3rdparty/carousel/html/files/images/img_hover_6.png" width="220" height="140" /></a>
                            		<div class="caption"><a href=""><img src="/3rdparty/carousel/html/files/images/img_hover.png" alt="hover image"/></a></div></div></li>

                        </ul>
                	</div>
                    <a class="carousel_next carousel_right" href="" rel="carousel-1">next</a>
                </div>
            </div>
        </div>
</div>