{include file="public:header"/}
{if condition="CONTROLLER_NAME eq 'Index' and (ACTION_NAME eq 'index' or ACTION_NAME eq 'search')"}
	<div class="search">
	      <div class="searchbox">
	            <div class="icon" ><img src="{$yf_theme_path}/public/img/search.png" width="100%"/></div>
	            <div class="input"><input type="text"  name="keyword" id="keyword" placeholder="搜索" autocomplete="off" value="{:isset($keyword)?$keyword:''}"/></div>
	      </div>
	</div>
	<script>
	$(function(){
        $("#keyword").keydown(function(event){
      	  if(event.keyCode==13){
      		  var keyword=$("#keyword").val();
      		  if(typeof keyword=='undefined'||keyword==''){
      			  layer.msg("请输入关键词");
      			  $("#keyword").focus();
      			  return false;
      		  }
      		  var url="{:url('search')}?keyword="+keyword;
      		  window.location.href=url;
      	  }
        });
        $(".searchbox .icon").click(function(){
      	  var keyword=$("#keyword").val();
  		  if(typeof keyword=='undefined'||keyword==''){
  			  layer.msg("请输入关键词");
  			  $("#keyword").focus();
  			  return false;
  		  }
  		  var url="{:url('search')}?keyword="+keyword;
  		  window.location.href=url;
        });
	});
	</script>
	{if condition="isset($banners) and count($banners)"}
		<div id="banners">
		        <div class="banner-wraper">
		        {foreach name="banners" item="vo"}
						<div class="banner"><a href="{$vo.lk_url?$vo.lk_url.'\" target=\"__blank':'javascript:void(0);'}">
						      {if condition="empty($vo['lk_pic'])"}
		                      <img src="{$yf_theme_path}/public/img/default.png" class="media-object" width="100%" />
		                      {else}
		                      <img src="{$vo.lk_pic}" class="media-object" width="100%" οnerrοr="javascript:this.src='{$yf_theme_path}/public/img/default.png';"/>
		                      {/if}
						</a></div>
				{/foreach}
		        </div>
		</div>
		<script>
		          $(".banner img").each(function(){
		        	    var index=$(this).index();
		        	    var wid=$(window).width();
		        	    $(".banner img").css({"width":wid});
		          });
		          $(function(){
		              $(".banner-wraper").slick({
		                dots:true,
		                arrows:false,
		                autoplay: true,
		               centerMode: true,
		               variableWidth: true,
		                autoplaySpeed: 2000,
		              });
		          });    
		</script> 
		{/if} 
	{if condition="isset($notices) and count($notices)"}
	<div class="noticeshow">
	    <div class="voice"><img src="{$yf_theme_path}/public/img/voice.jpg" width="100%"/></div>
	    <div class="tag"><img src="{$yf_theme_path}/public/img/nicon.jpg" width="100%"/></div>
	    <div class="list">
	         <div class="wraper">
	              {foreach name="notices" item="vo"}
	              <div class="item"><a href="{:url('notice',['id'=>$vo['n_id']])}">{$vo.n_title}</a></div>
	              {/foreach}
	         </div>     
	    </div>
	</div>
	<script>
	 $(function(){
	              $(".noticeshow .wraper").slick({
	                dots:false,
	                arrows:false,
	                autoplay: true,
	                autoplaySpeed: 2000,
	                vertical:true
	              });
	          });    
	</script> 
	{/if}
	<div class="poster" style="padding:5px 10px 0px 10px;">
	        <a href="{:url('bbs/index')}"><img src="{$yf_theme_path}/public/img/banner3.png" width="100%"/></a>
	</div>
	<div class="poster" style="padding:10px;">
	    <a href="{:url('common/join')}"><img src="{$yf_theme_path}/public/img/banner2.png" width="100%"/></a>
	</div>
{/if}
            
<div class="main  page">
{__CONTENT__}
</div>
{include file="public:footer"/}