{php include $this->template('web_public/header')}
<link href="{php echo MODULE_URL}style/webapp/css/erji_des_single.css" rel="stylesheet" type="text/css" />
<!-------顶部导航开始------>
<div class="content ej_des_upNav">
	<img src="{php echo MODULE_URL}style/webapp/picture/ej_home.gif" />
	<a href="{php echo $this->address_pc(0)}">首页</a>
	<span>></span>
	<a href="{php echo $this->address_pc(4)}">设计团队</a>
	<span>></span>
	<a href="javascript:location.reload();">{$info['name']}</a>
</div>
<!-------顶部导航结束------>
<div class="content">
	<!------left开始----->
	<div class="ej_des_sl">
		<div class="ej_des_sl_con">
			<div class="ej_des_sl_top">
				<img src="{php echo tomedia($info['head_img'])}" />
				<div class="ej_des_sl_topR">
					<div class="ej_des_sl_sjsName">
						{$info['name']}
						<span>{$info['level_title']}</span>
					</div>
					<ul>
						<li>
							<?php 
							if(!$info['evaluate']){
								for($i=0;$i<5;$i++){
									echo '<em class="fulstar" style="display: inline-block;width: 15px;height: 14px;background: url(../addons/sister_renovation/style/webapp/images/star_r2.png) no-repeat center center;"></em>';
								}
							}else{
								for($i=0;$i<$info['evaluate'];$i++){
									echo '<em class="fulstar"></em>';
								}
							}
							
							?>
						</li>
						<li>人气指数：{$info['pop']}</li>
						<li>从业年限：{$info['year']}年</li>
						<li>作品数量：{$info['cases']}</li>
						<li>{$info['praise']}</li>
					</ul>
					<span class="ej_des_sl_yuyue">
                            <a target="_blank" href="{php echo $this->scs('advisory_links')}">在线Q Ta</a>
                            <!--<a onclick="OpenDialog('/book.php/mod-sjshd-id-170.html','设计师回电',420,280)">给我回电</a>-->
                            <a onclick="OpenDialog('/app/{php echo $this->createMobileUrl('web_designer_from')}&id={$item['id']}','预约设计师{$info['name']}',420,300)">免费预约</a>
                        </span>
				</div>
			</div>
			<div class="ej_des_sl_cInfo">
				{$info['sort_comment']}
			</div>
			<div class="ej_des_sl_al">
				<p>设计案例</p>
				{loop $case_list $item}
					<span>
		            	<a href="{php echo $this->address_pc(3,array('id'=>$item['id']))}" title="{$item['title']}" target="_blank">{$item['title']}</a>
		            	<a href="{php echo $this->address_pc(3,array('id'=>$item['id']))}" title="{$item['title']}" target="_blank">
		            		<img src="../addons/sister_renovation/style/webapp/images/pic_icon.png" alt="{$item['title']}" title="{$item['title']}" width="16" height="17">{$item['count_list']}</a>
		            </span>
					<ul>
						{loop $item['case_list'] $items}
						<li style="margin-right: 4px">
							<a href="{php echo $this->address_pc(3,array('id'=>$item['id']))}" title="{$item['title']}">
								<img src="{$items}" alt="{$item['title']}" title="{$item['title']}" width="243" height="151">
							</a>
						</li>
						{/loop}
						<div class="clear"></div>
					</ul>
				{/loop}
			</div>
		</div>
		<div class="clear"></div>
		<script>
			$(document).ready(function(e) {
				showstar("manyi")
			});

			function showstar(div) {
				var value = parseInt($("#" + div).children("input").val())
				for(i = 0; i <= 4; i++) {
					if(value - i >= 1) {
						$("#" + div).append("<span class='fullstar'></span>")
					} else {
						$("#" + div).append("<span class='empstar'></span>")
					}
				}
				$("#" + div).children("span").bind({
					"mouseenter": function() {
						$("#" + div).children("span").attr("class", "empstar")
						for(i = 0; i <= $("#" + div).children("span").index(this); i++) {
							$("#" + div).children("span").eq(i).attr("class", "fullstar")
						}
					},
					"click": function() {
						$("#" + div).children("input").val($("#" + div).children(".fullstar").length)
					}
				});
				$("#" + div).mouseleave(function() {
					var value = parseInt($("#" + div).children("input").val())
					$("#" + div).children("span").attr("class", "empstar")
					for(i = 0; i < value; i++) {
						$("#" + div).children("span").eq(i).attr("class", "fullstar")
					}
				})
			}
		</script>
		<!---------评价结束--------->
	</div>

	<!------left结束----->

	<!------right开始----->
	<div class="ej_des_right">
		<!--设计师人气排行榜开始---->
		<script>
			//设计师排行榜
			function ej_des() {
				$('.ej_des_sjsCon ul li').mouseover(function() {
					$('.ej_des_sjsCon ul li').find('.ej_des_liTittle').css('display', 'block');
					$('.ej_des_sjsCon ul li').find('.ej_des_liCon').css('display', 'none');
					$(this).find('.ej_des_liTittle').css('display', 'none');
					$(this).find('.ej_des_liCon').css('display', 'block');
				});
			}
		</script>
		<style>
			/*设计师排行榜*/
			
			.ej_des_sjs {
				width: 260px;
				height: 391px;
				overflow: hidden;
				background: #fff;
				border-top: 2px solid #ed182a;
			}
			
			.ej_des_sjsTittle {
				height: 30px;
				line-height: 30px;
				font-size: 18px;
				color: #222;
				padding-left: 15px;
				width: 245px;
			}
			
			.ej_des_sjsCon {
				width: 206px;
				padding-left: 6px;
				margin: 0 auto;
				font-size: 12px;
			}
			
			.ej_des_sjsCon ul {
				width: 206px;
			}
			
			.ej_des_sjsCon ul li {
				width: 206px;
				border-bottom: 1px dashed #AFAFAF;
				overflow: auto;
			}
			
			.ej_des_liTittle {
				width: 206px;
				height: 32px;
				line-height: 32px;
			}
			
			.ej_des_sjsCon ul li:first-child .ej_des_liTittle {
				display: none;
			}
			
			.ej_des_sjsCon ul li:first-child .ej_des_liCon {
				display: block;
			}
			
			.ej_des_liTittle a {
				display: block;
				width: 206px;
				height: 31px;
				color: #333333;
			}
			
			.ej_des_liTittle a strong {
				display: block;
				height: 31px;
				float: right;
				font-weight: normal;
				overflow: hidden;
			}
			
			.ej_des_liTittle a b {
				display: block;
				float: left;
				font-weight: normal;
				width: 50px;
				height: 31px;
				overflow: hidden;
				margin-right: 10px;
			}
			
			.ej_des_liCon {
				width: 206px;
				height: 94px;
				display: none;
				border-bottom: 1px dashed #dedede;
				padding-bottom: 6px;
				padding-top: 5px;
			}
			
			.ej_des_liCon a img {
				width: 93px;
				height: 94px;
				float: left;
				margin-right: 17px;
			}
			
			.ej_des_liCon a p {
				width: 94px;
				height: 94px;
				float: left;
				line-height: 24px;
				color: #333;
				overflow: hidden;
				font-weight: bold;
				font-size: 14px;
			}
		</style>

		<div class="ej_des_sjs" id="ej_des_sjs">
			<div class="ej_des_sjsTittle">
				设计师人气榜
			</div>
			<div class="ej_des_sjsCon">
				<ul>
					{loop $designer_list $item}
						<li>
							<div class="ej_des_liTittle">
								<a href="{php echo $this->address_pc(5,array('id'=>$item['id']))}" title="">
									<strong>{$item['pop']}</strong>
									<b>{$item['name']}</b> 作品人气
								</a>
							</div>
							<div class="ej_des_liCon">
								<a href="{php echo $this->address_pc(5,array('id'=>$item['id']))}" title="{$item['name']}-{$item['title']}">
									<img src="{php echo tomedia($item['head_img'])}" alt="{$item['name']}-{$item['title']}" title="{$item['name']}-{$item['title']}" />
									<p>{$item['name']}<br />{$item['title']}</p>
								</a>
							</div>
						</li>
					{/loop}
				</ul>
			</div>
			<script>
				ej_des();
			</script>
		</div>
		<!--设计师人气排行榜结束---->
		<!--提交信息开始---->
		<style>
			/*设计师楼盘提交信息*/
			
			.xiaoqu_form_lpxx {
				width: 260px;
				height: 305px;
				margin-top: 10px;
				background: #f7f7f7;
				border-top: 2px solid #ed182a;
			}
			
			.xiaoqu_form_lpxx img {
				float: left;
				width: 243px;
				height: 67px;
			}
			
			.xiaoqu_form_lpxx>p.xiaoqu_form_tips {
				width: 245px;
				padding-left: 15px;
				height: 25px;
				line-height: 25px;
				font-size: 12px;
				color: #222;
				overflow: hidden;
			}
			
			.xiaoqu_form_lpxx form {
				width: 234px;
				margin: 0px auto;
			}
			
			.xiaoqu_form_lpxx form input.xiaoqu_form_textBox {
				width: 100%;
				height: 34px;
				margin-top: 10px;
				border: 1px solid #dedede;
				color: #999;
				text-indent: 15px;
			}
			
			.xiaoqu_form_lpxx form input.xiaoqu_form_btn {
				background: #ed182a;
				color: #fff;
				border-radius: 5px;
				height: 37px;
				line-height: 37px;
				width: 100%;
				margin-top: 10px;
			}
			
			.xiaoqu_form_lpxx>p.xiaoqu_form_num {
				width: 100%;
				text-align: center;
				overflow: hidden;
				color: #666;
			}
			
			.xiaoqu_form_lpxx>p.xiaoqu_form_num b {
				color: #ed182a;
				font-weight: normal;
			}
		</style>
		<div class="xiaoqu_form_lpxx">
				{if $from_info['img']}
					<img src="{php echo tomedia($from_info['img'])}" />
				{/if}
				<p class="xiaoqu_form_tips">提交信息，试试看！</p>
				<form action="" method="post" id="from_submit_{$from_info['id']}">
					<input type="hidden" name="content" id="content" value="设计师右侧表单"/>
					{loop $from_info['body'] $item}
						{if $item['type'] == 'text'}
	                		<p><input id="" type="text" class="xiaoqu_form_textBox" name="name_field_{$item['id']}" placeholder="{$item['name']}" data-type="{$item['type']}" data-placeholder="{$item['name']}"/></p>
	                	{elseif $item['type'] == 'radio'}
	                		<p><input id="" type="text" class="xiaoqu_form_textBox" name="name_field_{$item['id']}" placeholder="{$item['name']}" data-type="{$item['type']}" data-placeholder="{$item['name']}"/></p>
	                	{elseif $item['type'] == 'checkbox'}
	                		<p><input id="" type="text" class="xiaoqu_form_textBox" name="name_field_{$item['id']}" placeholder="{$item['name']}" data-type="{$item['type']}" data-placeholder="{$item['name']}"/></p>
	                	{elseif $item['type'] == 'phone'}
	                		<p><input id="" type="number" class="xiaoqu_form_textBox" name="name_field_{$item['id']}" placeholder="{$item['name']}" data-type="{$item['type']}" data-placeholder="{$item['name']}"/></p>
	                	{elseif $item['type'] == 'name'}
					    	<input id="" type="text" class="xiaoqu_form_textBox" name="name_field_{$item['id']}" placeholder="{$item['name']}" data-placeholder="{$item['name']}"/>
	                	{elseif $item['type'] == 'select'}
	                		<p>
	                			<select name="name_field_{$item['id']}" id="" data-type="{$item['type']}" data-placeholder="{$item['name']}" class="xiaoqu_form_textBox">
	                				{loop $item['comment'] $items}
	                					<option value="{$items}">{$items}</option>
	                				{/loop}
	                			</select>
	                		</p>
	                	{/if}
					{/loop}
					<!--<input type="button" name="" id="" value="111"  class="xiaoqu_form_btn"/>-->
					<a style="background: #ed182a;color: #fff;border-radius: 5px;height: 37px;line-height: 37px;width: 100%;margin-top: 10px;display: inline-block;text-align: center;" type="button" name="button" id="" data-id="{php echo $from_info['id']}" data-from='{php echo json_encode($from_info,true)}' style="border: 0;" onclick="from_submit(this);">{$from_info['font']}</a>
				</form>
				<p class="xiaoqu_form_num">
					已有<b>{$from_info['count']}</b>人提交
				</p>
			</div>
		<!--提交信息结束---->
		<!--精彩活动开始---->
		<style>
			/*精彩活动列表*/
			
			.ej_des_tpgg {
				width: 260px;
				background: #fff;
				margin-top: 10px;margin-bottom: 20px;
			}
			
			.ej_des_tpgg ul {
				width: 260px;
			}
			
			.ej_des_tpgg ul li {
				width: 260px;
				height: 138px;
			}
			
			.ej_des_tpgg ul li a {
				width: 260px;
				height: 138px;
				display: block;
			}
			
			.ej_des_tpgg ul li a img {
				width: 260px;
				height: 113px;
			}
			
			.ej_des_tpgg ul li a p {
				width: 260px;
				height: 25px;
				line-height: 25px;
				font-size: 12px;
				color: #888;
				text-align: center;
			}
			
			.ej_des_tpgg ul li a:hover p {
				color: #ed182a;
			}
		</style>
		<div class="ej_des_tpgg">
			<ul>
				{loop $activity $item}
					<li>
						<a href="{php echo $this->address_pc(12,array('id'=>$item['id']))}" title="{$item['name']}">
							<img src="{php echo tomedia($item['img'])}" alt="{$item['name']}" title="{$item['name']}" />
							<p>{$item['name']}</p>
						</a>
					</li>
				{/loop}
			</ul>
		</div>
		<!--精彩活动结束---->
	</div>
	<!------right结束----->

</div>

{php include $this->template('web_public/footer_nav')}