{include file="include/head.tpl"}

{include file="include/header.tpl"}
		<div class="container">

{include file="include/fotter.tpl"}
	
			<div class="main">
				<ul id="cbp-bislideshow" class="cbp-bislideshow">
					<li><img src="{$config->url}/img/bg/1.jpg" alt="image00"/></li>
					<li><img src="{$config->url}/img/bg/2.jpg" alt="image01"/></li>
					<li><img src="{$config->url}/img/bg/3.jpg" alt="image02"/></li>

					<li><img src="{$config->url}/img/bg/4.jpg" alt="image03"/></li>
					<li><img src="{$config->url}/img/bg/5.jpg" alt="image04"/></li>
					<li><img src="{$config->url}/img/bg/6.jpg" alt="image05"/></li>	
					
					<li><img src="{$config->url}/img/bg/7.jpg" alt="image07"/></li>
					<li><img src="{$config->url}/img/bg/8.jpg" alt="image07"/></li>
			
				</ul>
				<div id="cbp-bicontrols" class="cbp-bicontrols">
					<span class="cbp-biprev"></span>
					<span class="cbp-binext"></span>
				</div>
			</div>
		</div>

		<!-- imagesLoaded jQuery plugin by @desandro : https://github.com/desandro/imagesloaded -->
		<script src="{$config->url}/js/jquery.imagesloaded.min.js"></script>
		<script src="{$config->url}/js/cbpBGSlideshow.js"></script>
		<script>
			$(function() {
				cbpBGSlideshow.init();
			});
		</script>

		
{include file="include/head_end.tpl"}