//页面载入即刻执行JS
online=new Array();
$(function (){
	var X=$("#map").attr("xindex");
	var Y=$("#map").attr("yindex");
	mapInit(X,Y);
	addMarkers();
	$(".areahref").click(function (){
		$("#searchinput").attr('value','');
		var areaId=$(this).attr("id");				
		$("#area").empty().append($(this).attr("title")).attr("title",$(this).attr("id"));
		
		$.getJSON("/agent/index/coordinate",{id: areaId},
			function(area){
			$("#map").attr("xindex",area.longitude);
			$("#map").attr("yindex",area.latitude);
			mapObj.setZoomAndCenter(13,new MLngLat(area.longitude,area.latitude)); 
			$.getJSON("/agent/index/listagent", { areaId: areaId ,page: 1},
				function(data){
					var pagedata=getpagedata(data);
					$("#agentList").empty().append(pagedata);
				
					$.getJSON("/agent/index/countagent", { areaId: areaId},				
							function (data){
								var html='';
								var count=data.count;
								var allpage=data.allnum;
								for(var i=0;i<allpage;i++){
									html+='<option class="pagenums" value="'+(i+1)+'">'+(i+1)+'</option>';
								}
								if(html==''){
									html='<option class="pagenums" value="1">1</option>';
								}
								// 翻页按钮
								$("#pagenumsel").empty().append(html).attr('title',1);
								$("#lastpage").attr('title',data.lastpage);
								if(data.lastpage>1){
									$("#next").attr('title',2);
								}else{
									$("#next").attr('title',1);
								}
								$("#previous").attr('title',1);
							}
					);
					addMarkers();
				});
			});
		});

	$("#nextpage").click(function(){
		$("#thispage").children("option").attr('value',Number($("#thispage").val())+1);	
	});		
	
	$(".agent_list_x2").live("click", function (){
		mapObj.openOverlayTip("mark"+$(this).children(".agent_list_box").children("span").attr("id"));
		$(this).attr("style","background:#F6F6F6;");		
	});
	$(".agent_list_x2").live("mouseout", function (){mapObj.closeTip();
		$(this).removeAttr("style");					
	});
	

	function getpage(areaId,page,search){
		$.getJSON("/agent/index/listagent", { areaId: areaId , page: page , search: search},
				function(data){
					var pagedata=getpagedata(data);
					$("#agentList").empty().append(pagedata);
					$.getJSON("/agent/index/countagent", { areaId: areaId},				
						function (data){
							var html='';
							var count=data.count;
							var allpage=data.allnum;
							for(var i=0;i<allpage;i++){
								html+='<option class="pagenums" value="'+(i+1)+'">'+(i+1)+'</option>';
							}
							if(html==''){
								html='<option class="pagenums" value="1">1</option>';
							}
						}
					);
					mapObj.setZoomAndCenter(13,new MLngLat($("#map").attr("xindex"),$("#map").attr("yindex")));
					addMarkers();
			});
	}
	
	function pagingch(page){
		$("#pagenumsel").attr('title',page);
		
		$(".pagenums").each(function (){
			$(this).removeAttr('selected');
			if($(this).val()==page){
				$(this).attr('selected','selected');
			}				
		});
	
		if($("#pagenumsel").attr('title')<$("#lastpage").attr('title') && $("#pagenumsel").attr('title')>$("#firstpage").attr('title')){
			$("#previous").attr("title",Number($("#pagenumsel").attr('title'))-1);
			$("#next").attr("title",Number($("#pagenumsel").attr('title'))+1);
		}else if($("#pagenumsel").attr('title')==$("#lastpage").attr('title') && $("#pagenumsel").attr('title')>$("#firstpage").attr('title')){
			$("#previous").attr("title",Number($("#pagenumsel").attr('title'))-1);
			$("#next").attr("title",$("#pagenumsel").attr('title'));
		}else if($("#pagenumsel").attr('title')<$("#lastpage").attr('title') && $("#pagenumsel").attr('title')==$("#firstpage").attr('title')){
			$("#previous").attr("title",$("#pagenumsel").attr('title'));
			$("#next").attr("title",Number($("#pagenumsel").attr('title'))+1);
		}else if($("#pagenumsel").attr('title')==$("#lastpage").attr('title') && $("#pagenumsel").attr('title')==$("#firstpage").attr('title')){
			$("#previous").attr("title",1);
			$("#next").attr("title",1);
		}
	}
	
	// 翻页
	$(".paging").click(function(){
		var areaId=$("#area").attr("title");
		var page=$(this).attr("title");
		var search=$("#searchinput").val();
		if(search=='学校、姓名、QQ、VS等！'){
			search='';
		}
		getpage(areaId,page,search);
		pagingch(page);
	});
	$("#pagenumsel").change(function(){
		var areaId=$("#area").attr("title");
		var page=$(this).val();
		var search=$("#searchinput").val();
		getpage(areaId,page,search);
		pagingch(page);
	});
});

// json 获取数据后 生成页面---代理列表
function getpagedata(data){
	qqjs='http://webpresence.qq.com/getonline?Type=1&';
	var str='';
	$.each(data, function(i,agent){
		if(i>=0){
			qqjs+=agent.qq=''?'':(agent.qq+':');
			var id=i+1;
			str+='<li class="agent_list_x2">';
			str+='<div class="agent_list_box">';
			str+='<a target="_blank"  href="/agent/index/profile/id/'+agent._id+'" name="'+id+'">'+id+'.'+agent.name+'</a>';
			str+='<span title="'+agent.longitude+'|'+agent.latitude+'"  id="'+id+'">'+(agent.unit==''?agent.address:agent.unit)+'</span>';
			str+='</div>';
			str+='<div class="agent_list_level0'+(Number(agent.agentLevel)-1)+'" title="'+agent.agentLevelName+'"></div>';
			str+='<div class="agent_list_qq" id="agent_list_qq-'+id+'" >';
			
			str+='<a href="tencent://message/?uin='+agent.qq+'">';
			str+='<img  src="http://wpa.qq.com/pa?p=1:'+agent.qq+'45" border=0 /></a>';
			
			str+='</div>';
			str+='</li>';	
		}
	});
	return str;
}






var lastFaqClick = null;
window.onload = function() {
	var faq = document.getElementById("agent_qy");
	var dls = faq.getElementsByTagName("dl");
	for ( var i = 0, dl; dl = dls[i]; i++) {
		var dt = dl.getElementsByTagName("dt")[0];
		dt.id = "faq_dt_" + (Math.random() * 100);
		dt.onclick = function() {
			var p = this.parentNode;
			if (lastFaqClick != null && lastFaqClick.id != this.id) {
				var dds = lastFaqClick.parentNode.getElementsByTagName("dd");
				for ( var i = 0, dd; dd = dds[i]; i++)
					dd.style.display = 'none';
			}
			lastFaqClick = this;
			var dds = p.getElementsByTagName("dd");
			var tmpDisplay = 'none';
			if (gs(dds[0], 'display') == 'none')
				tmpDisplay = 'block';
			for ( var i = 0; i < dds.length; i++)
				dds[i].style.display = tmpDisplay;
		}
	}
}

function gs(d, a) {
	if (d.currentStyle) {
		var curVal = d.currentStyle[a]
	} else {
		var curVal = document.defaultView.getComputedStyle(d, null)[a]
	}
	return curVal;
}