{template header}
<div id="mainCenter">
	<div class="uheader">
		<p class="untp">
			<!--{loop $shoptypes $id $tp}-->
			<a href="unions.php?type=$id">$tp[name]</a>
			<!--{/loop}-->
		</p>
		<a href="user.php?act=apply" class="unjoin"></a>
		<div class="clearBoth"></div>
	</div>
	<div class="unleft">
		<div class="unmap" id="unmap"><br /><br /><br /><br /> <img src="images/default/loader.gif" /> 地图加载中，请稍候...</div>
		<div class="unbox">
			<h1>推荐商家</h1>
			<ul>
				<!--{loop $modeshops[1] $sp}-->
				<li>
				<p class="imgs"><a href="shop.php?domain=$sp[domain]" target="_blank"><em class="load_120_95"></em><img onload="reimg(this,142,138);" src="$attachurl/small/shop/$sp[photo]" /></a></p>
				<p class="titles"><a href="shop.php?domain=$sp[domain]" target="_blank">$sp[name]</a></p>
				</li>
				<!--{/loop}-->
			</ul>
		</div>
		<div class="unbox">
			<h1>热门商家</h1>
			<ul>
				<!--{loop $modeshops[2] $sp}-->
				<li>
				<p class="imgs"><a href="shop.php?domain=$sp[domain]" target="_blank"><em class="load_120_95"></em><img onload="reimg(this,142,138);" src="$attachurl/small/shop/$sp[photo]" /></a></p>
				<p class="titles"><a href="shop.php?domain=$sp[domain]" target="_blank">$sp[name]</a></p>
				</li>
				<!--{/loop}-->
			</ul>
		</div>
	</div>
	<div class="unright">
		<form action="unions.php" method="get">
		<div class="schbar"><input class="input" name="keyword" size="25" maxlength="40" value="$keyword" /><button class="schbtn" type="submit"></button></div>
		</form>
		<div class="unnotice"></div>
		<div class="unlist">
		<ul>
			<!--{loop $unions $id $union}-->
			<li><img src="images/untag/$union[icon]" /> <span class="cred">[{$union[stname]}]</span> <a href="###" onclick="toshop($union[mapbeg],$union[mapend],$union[num]);">$union[name]</a></li>
			<!--{/loop}-->
		</ul>
		</div>
		<div class="unpages">$multipage</div>
		<div class="clearBoth"></div>
		<!--{if isset($advertisments['unright_advs'])}-->
			<div class="unright-adv">{echo showadv($advertisments['unright_advs']);}</div>
		<!--{/if}-->
	</div>
	<div class="clearBoth"></div>
</div>
<script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>
<script language="javascript">
	 var map=new LTMaps(document.getElementById("unmap"));
     map.addControl(new LTStandMapControl());
     var logosrc = "$attachurl/small/shop/";
	 var points=[];
	 var names=[];
	 var contents=[];
	 var icons=[];
		<!--{loop $unions $id $union}-->
		points.push(new LTPoint($union[mapbeg],$union[mapend]));
		names.push("<a href='shop.php?domain=$union[domain]' class='tpc' target='_blank'><span>[{$union[stname]}]</span>$union[name]</a>");
		contents.push("<div class='infowin'><ul><li><span>地址：</span>{$union[areaname]}$union[address]</li><li><span>电话：</span>$union[mobilphone]&nbsp;$union[homephone]</li><li><span>主营：</span>$union[operating]</li><li><a href='shop.php?domain=$union[domain]'>更多信息>></a></li></ul><p><a href='shop.php?domain=$union[domain]'><img src='"+logosrc+"$union[photo]' /></a></p></div>");
		icons.push("$union[icon]");
		<!--{/loop}-->
	var StoreLabel=null;	
	for(var i=0;i<points.length;i++)
	{   
       var icon = new LTIcon("images/untag/"+icons[i],[18,25],[0,0]);
	    var   marker = new LTMarker(points[i],icon);
		map.addOverLay(marker );
		var html=contents[i];
		LTEvent.addListener( marker , "click" ,getClickCallBack(marker,i));
		LTEvent.addListener( marker , "mouseover" ,getTextCallBack(i));
		LTEvent.addListener( marker , "mouseout" ,getremove);
	}	
     map.centerAndZoom(new LTPoint($mapbeg,$mapend),$mapzoom);
     function toshop(x,y,num){
		  var mypoint = new LTPoint(x,y);
		  map.moveToCenter(mypoint,2);
		  map.zoomIn();
		  if (StoreLabel!=null) map.removeOverLay(StoreLabel,false);
		  StoreLabel = new LTMapText(mypoint,[20,12]);
		  StoreLabel.setLabel(names[num]);
		  map.addOverLay(StoreLabel);
	}
     function getClickCallBack(marker,i) 
	{ 
		return function(){
		var infowin = marker.openInfoWinHtml(contents[i]);
		infowin.setTitle(names[i]);
		map.moveToCenter(points[i]);
		} ;
	} 
	function getremove(){
	    if (StoreLabel!=null) map.removeOverLay(StoreLabel,false);
		StoreLabel = null;
	}
	function getTextCallBack(pointnum){
		return function(){
			ShowText(pointnum);
		}
	}	 
	function ShowText(pointnum){
		StoreLabel = new LTMapText(points[pointnum],[20,12]);
		StoreLabel.setLabel(names[pointnum]);
		map.addOverLay(StoreLabel);
	}
</script>
{template footer}