<?php include_once(mvc::$cfg['PATH_TPL'].'public/headBase.php');?>
<div class="mui-content" id="index-page">
	<div id="index-topm">
		<div class="position-right">
			<?php if(in_array('user',$moduleArr)){ ?>
			<a id="userCenter" href="<?php echo mvc::$cfg['SELF_URI'];?>user/index">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="span2 login-status"><?php echo $usertext;?></span>
			</a>
			<?php } ?>
			<a id="noticeMessage" href="<?php echo mvc::$cfg['SELF_URI'];?>notice/getList"><span class="mui-icon-extra mui-icon-extra-notice"></span><span class="span2">公告</span></a>
		</div>
		<div class="shop-logo">
			<!-- <img src="<?php echo mvc::$cfg['shopInfo']['ssu_conf']['banner'];?>"> -->

			<div id="slider" class="mui-slider" >
				<?php if(!empty($banner)){?>
				<div class="mui-slider-group <?php if(count($banner)>1) echo "mui-slider-loop";?>">
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					<?php if(count($banner)>1){?>
						<div class="mui-slider-item mui-slider-item-duplicate">
							<img src="<?php echo mvc::$cfg['FILE_CENTER']['b2c']['url_get'].'&c=adorn&f='.str_replace('100/','',end($banner)).mvc::$cfg['FILE_CENTER']['b2c']['get_uri'];?>">
						</div>
					<?php }?>
					<?php foreach($banner as $img){?>
					<!-- 第一张 -->
					<div class="mui-slider-item">
						<img src="<?php echo mvc::$cfg['FILE_CENTER']['b2c']['url_get'].'&c=adorn&f='.str_replace('100/','',$img).mvc::$cfg['FILE_CENTER']['b2c']['get_uri'];?>">
					</div>
					<?php }?>
					<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
					<?php if(count($banner)>1){?>
						<div class="mui-slider-item mui-slider-item-duplicate">
							<img src="<?php echo mvc::$cfg['FILE_CENTER']['b2c']['url_get'].'&c=adorn&f='.str_replace('100/','',reset($banner)).mvc::$cfg['FILE_CENTER']['b2c']['get_uri'];?>">
						</div>
					<?php }?>
				</div>
				<?php if(count($banner)>1){?>
					<div class="mui-slider-indicator" >
						<?php foreach($banner as $k=> $v){?>
						<div class="mui-indicator <?php if($k==0){?> mui-active <?php }?>"></div>
						<?php }?>
					</div>
				<?php }?>
				<?php }?>
			</div>
		</div>
		<div class="search-type">
			<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative">
				<?php if(in_array('search_vin',$permissionArr)){?>
				<a class="mui-control-item mui-control-item002 mui-active" stype="vin" place="请输入17位车架号" href="javascript:;">
					<span class="mui-control-item001-02"></span><br><span>车架号</span></a>
				</a>
				<?php } ?>
				<?php if(in_array('search_model',$permissionArr)){?>
				<a class="mui-control-item mui-control-item003" stype="model" place="请选择车型" href="<?=mvc::$cfg['SELF_URI']?>item/brand">
					<span class="mui-control-item001-03"></span>
					<br><span>车型</span>
				</a>
				<?php } ?>
				<?php if(in_array('search_number',$permissionArr)){?>
				<a class="mui-control-item mui-control-item001" onclick="changeSearchType()" stype="number" place="可输入OE编码或者参考编码"  href="javascript:;">
					<span class="mui-control-item001-01"></span><br><span>型号查询</span>
				</a>
				<?php } ?>
				<?php if(in_array('search_word',$permissionArr)){?>
				<a class="mui-control-item mui-control-item005" stype="item" place="请输入配件关键字" href="javascript:;">
					<span class="mui-icon mui-icon-list"></span><br><span>关键字</span></a>
				<?php } ?>
					
			</div>
		
			<form method="get" action="<?php echo mvc::$cfg['SELF_URI'];?>item/search" onsubmit="return checkMainSearch(this)">
				<div class="input-btn mui-input-row">
					<input type="hidden" name="type" value="model"/>
					<div class="input mui-input-row">
						<input type="text" name="keyword" class="input-btn-txt mui-input-clear" placeholder="可输入车型关键字" autocomplete="off">
					</div>
					<div class="vin-camera" id="vin-camera" style="display:none"><span class="mui-icon mui-icon-camera"></span></div>
					<span class="btns"><button type="submit" class="btn mui-btn mui-btn-danger mui-icon mui-icon-search">搜索</button></span>
				</div>
			</form>
	
		</div>
	</div>

	<!--汽车品牌选择-->
	<div id="model-brand" class="model-info search-info"></div>
	<div class="number-info search-info">OEM码: 如12575(请至少输入3位有效编码)</div>
	<div class="vin-info search-info">VIN码: 如L6T7944Z7FN025527</div>
	<div class="engine-info search-info">发动机型号：如D2P78FM</div>

	<?php if($tagsArr){ ?>
	<div class="shop-tags">
		<div class="shop-tags-container">
			<?php foreach ($tagsArr as $tag) { ?>
				<a href="<?=mvc::$cfg['SELF_URI']?>item/search?type=item&keyword=<?=$tag?>"><span class="el-tag"><span class="mui-icon mui-icon-star"></span><?=$tag?></span></a>
			<?php } ?>
		</div>		
	</div>
	<?php }?>
</div>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>
<script type="text/javascript">
wx.config({
	debug: false,
	appId: '<?php echo $signPackage["appId"];?>',
	timestamp: '<?php echo $signPackage["timestamp"];?>',
	nonceStr: '<?php echo $signPackage["nonceStr"];?>',
	signature: '<?php echo $signPackage["signature"];?>',
	jsApiList: ['chooseImage', 'uploadImage', 'getLocalImgData']
});
$(document).ready(function(){
	$(".mui-slider").css('max-height',window.screen.height*0.40+'px');
	$(".mui-slider .mui-slider-group .mui-slider-item img").css('max-height',window.screen.height*0.40+'px');
	if($(".mui-control-item").length==0){
		$("form").hide();
	}
	$(".mui-control-item").each(function(index,item){
		if(index==0){
			$(this).addClass('mui-active');
			var  type = this.getAttribute('stype');
			$('.'+type+'-info').show();
			$('.search-info:not(.'+type+'-info)').hide();
			$('.search-type [name="type"]').val(type);
			$('.search-type [name="keyword"]').attr('placeholder', this.getAttribute("place"));
			if(type == 'vin') $('#vin-camera').show(); else $('#vin-camera').hide();
			//if(type == 'model') MODEL.initBrand();
		}else{
			$(this).removeClass('mui-active');
		}
	})
    getNoticeIcon();
	changeSearchType();
	vinInitEvent();
	<?php if(in_array('search_model',$permissionArr)){?>
	//MODEL.initBrand();
	<?php } ?>
	scrollText();
	<?php if(count($banner)>1){?>
	//轮播图轮播
	var gallery = mui('.mui-slider');
	gallery.slider({
		interval:3000//自动轮播周期，若为0则不自动播放，默认为0；
	});
	<?php } ?>
});
</script>