var map;
var maptype;
var centerPoint;
var zoom;
var divtop;
var _xx;
var _yy;
var opencount = 0;

//页面加载
function pageLoad(){
	initMap();
	getAllCq();
	selectList();
}


function initMap(){
	map = new BMap.Map("container");  
	var opts1 = {type: BMAP_NAVIGATION_CONTROL_SMALL};
	//map.addControl(new BMap.NavigationControl(opts1));   				//缩放条
	map.centerAndZoom(new BMap.Point(120.03095, 30.26367), 12);   //杭州中心点位置
	map.enableScrollWheelZoom();									//开启滚轮事件
	map.enableAutoResize();
	var menu = new BMap.ContextMenu();
	var txtMenuItem = [
	{
		text:'放大',
		callback:function(){map.zoomIn()}
	},
	{
		text:'缩小',
		callback:function(){map.zoomOut()}
	}
	];
	for(var i=0; i < txtMenuItem.length; i++){
		menu.addItem(new BMap.MenuItem(txtMenuItem[i].text,txtMenuItem[i].callback,100));
	}
	map.addContextMenu(menu);
	
	//判断是否是360浏览器,top值样式有区别
	if(window.external&&window.external.twGetRunPath){
		var r=external.twGetRunPath();
		if(r&&r.toLowerCase().indexOf("360")>-1){
			divtop = "5";
			
		}
	}else{
		divtop = "5";
	}
}

//初始化
function QueryPRJ(name, x, y, id, zoomlev, count){
	if(name != undefined && name != '' && name != null){
		_xx = x;
		_yy = y;
		var myCompOverlay = new ComplexCustomOverlay(new BMap.Point(_xx,_yy), name, name, id, zoomlev, count);
		map.addOverlay(myCompOverlay);
		//setTimeout(movetoo,1000);
	}
}

function movetoo(point){
	map.centerAndZoom(new BMap.Point(_xx, _yy), 16);
}

//缩放到最大级别	
function zoom(x,y){
	if(map.getZoom()<16){
		map.setZoom(16);
	}
}

// 自定义
function ComplexCustomOverlay(point, text, mouseoverText,prjid,zoomlev,count){
      this._point = point;
      this._text = text;
      this._overText = mouseoverText;
      this._textLength = this._text.length*13+39;
      this._overTextLength = this._overText.length*13+39;
      this._prjid = prjid;
      this._imgstr = "";
      this._zoomlev = zoomlev;
      this._count = count;
    }
    
    ComplexCustomOverlay.prototype = new BMap.Overlay();
    ComplexCustomOverlay.prototype.initialize = function(map){
      this._map = map;
      var div = this._div = document.createElement("div");
      div.id = this._prjid;
      div.style.position = "absolute";
      div.style.zIndex = BMap.Overlay.getZIndex(this._point.lat);
      
      var divhidden = this._divhidden = document.createElement("div");
      divhidden.innerHTML = this._point.lng+","+this._point.lat;
      divhidden.style.display = "none";
      div.appendChild(divhidden);
      this._imgstr = "l";
     
      var textlength = this._textLength;
      var overtextLength = this._overTextLength;
      
      var divleft= this._divleft = document.createElement("div");
      divleft.style.background = "url(/webty/images/"+ this._imgstr+"_left.png)";
      divleft.style.position = "absolute";
      divleft.style.width = "5px";
      divleft.style.height = "28px";
      divleft.style.left = "0px";
      divleft.onmouseover = null;
      divleft.onmouseout = null;
      div.appendChild(divleft);
      
      var divmiddle= this._divmiddle = document.createElement("div");
      divmiddle.style.background = "url(/webty/images/"+ this._imgstr+"_middle.png)";
      divmiddle.style.position = "absolute";
      divmiddle.style.width = textlength+"px";
      divmiddle.style.height = "28px";
      divmiddle.style.left = "5px";
      divmiddle.onmouseover = null;
      divmiddle.onmouseout = null;
      div.appendChild(divmiddle);
      
      var divmiddletext = this._divmiddletext = document.createElement("div");
      
      divmiddletext.style.position = "absolute";
      divmiddletext.style.width = textlength+"px";
      divmiddletext.style.height = "28px";
      divmiddletext.style.left = "7px";
      divmiddletext.style.top =divtop+"px";
      //divmiddletext.style.top = "3px";
      //divmiddletext.style.top = "-7px";
      divmiddletext.innerHTML ="<p id='p"+this._prjid+"' style='font-size:12px;font-family:微软雅黑;color:#ffffff'>"+this._text+" | "+this._count+"套</p>";
      divmiddletext.onmouseover = null;
      divmiddletext.onmouseout = null;
      div.appendChild(divmiddletext);
      
      var divright = this._divright = document.createElement("div");
      divright.style.background = "url(/webty/images/"+ this._imgstr+"_right.png)";
      divright.style.position = "absolute";
      divright.style.width = "5px";
      divright.style.height = "28px";
      divright.style.left = textlength+5+"px";
      divright.onmouseover = null;
      divright.onmouseout = null;
      div.appendChild(divright);
      
      var divjt  = this._divjt = document.createElement("div");
      divjt.style.background = "url(/webty/images/"+ this._imgstr+"_jt.png)";
      divjt.style.position = "absolute";
      divjt.style.width = "25px";
      divjt.style.height = "17px";
      divjt.style.left = "0px";
      divjt.style.top = "23px";
      divjt.onmouseover = null;
      divjt.onmouseout = null;
      div.appendChild(divjt);
      
      var that = this;
      
      div.onmouseover = function(){
       
      	div.style.cursor="pointer";
      	
      	that._divleft.style.background = "url(/webty/images/z_left.png)";
      	
        that._divmiddle.style.background = "url(/webty/images/z_middle.png)";
        that._divright.style.background = "url(/webty/images/z_right.png)";
        that._divjt.style.background = "url(/webty/images/z_jt.png)";
        that._divmiddle.style.width = that._overTextLength+"px";
        that._divright.style.left = that._overTextLength+5+"px";
        that._divmiddletext.style.width = that._overTextLength+"px";
   		
        var p = document.getElementById("p"+that._prjid);
       
        //p.innerText = that._overText;
        
      }

      div.onmouseout = function(){
     	
       	that._divleft.style.background = "url(/webty/images/"+that._imgstr+"_left.png)";
        that._divmiddle.style.background = "url(/webty/images/"+that._imgstr+"_middle.png)";
        that._divright.style.background = "url(/webty/images/"+that._imgstr+"_right.png)";
        that._divjt.style.background = "url(/webty/images/"+that._imgstr+"_jt.png)";
        that._divmiddle.style.width = that._textLength+"px";
        that._divright.style.left = that._textLength+5+"px";
        that._divmiddletext.style.width = that._textLength+"px";
       
       	var p = document.getElementById("p"+that._prjid);
        //p.innerText = that._text;
        
      }
	  div.onclick = function(){
	  	if (that._zoomlev == '0') {
	  		
	  	} else if (that._zoomlev == '12') {
	  		moveToXq(that._prjid);
	  		map.panTo(that._point);
		} else if (that._zoomlev == '16') {
			clearPRJ();
			getAllXq;
			map.centerAndZoom(that._point, that._zoomlev);
		}
	  }
	  
      map.getPanes().labelPane.appendChild(div);
      return div;
    }
    ComplexCustomOverlay.prototype.draw = function(){
      var map = this._map;
      var pixel = map.pointToOverlayPixel(this._point);
      this._div.style.left = pixel.x - parseInt(this._divleft.style.left) + "px";
      this._div.style.top  = pixel.y - 30 + "px";      
    }


    //挂牌房源列表
	function selectList(){
		$('[name=show_list]').remove();
		var saveOptions={
				target: '#pageForm',
				url: '/rent/RentWantedAction_getGpHouselist.jspx',
				type: 'post', dataType: 'html', cache: false, async: false,
				error: function(xhr){
					parent.showAlert("系统错误", "alert");
				},
				success: function(data) {
					var r = eval('(' + data + ')');
					//分页
					showPage(r.pageinfo);
					var list = r.list;
					if(list.length==0){
//						$('#list').append('<div class="noData" style="text-align: center; height: 300px;" name="show_list">'
//											+'<img src="/webty/images/noData.png" style="margin-top:80px;">'
//											+'<p style="font-size:24px;line-height:50px;color:#CCCCCC;">对不起，暂无相关数据！</p>'
//											+'</div>');
					}else{
						
						var xqcount=0;
						var _xqmc="";
						
						for(var i in list){
							if(_xqmc!=list[i].xqname){
								_xqmc=list[i].xqname;
								xqcount++;
							}
							
							var html_li = '';
							html_li+='<li onclick="look('+list[i].gpcode+')" name="show_list">'+
										'<div class="pad_all10">'+
											'<div class="map_house_pic"><img src="/'+list[i].image+'" /></div>'+
											'<div class="map_house_info">'+
												'<h3>'+list[i].xqname+'</h3>'+
												'<div>面积：'+list[i].jzmj+'平米</div>'+
												'<div>租金：'+list[i].zjje+'/月</div>'+
											'</div>'+
											'<div class="clear"></div>'+
										'</div>'+
										'<div class="map_house_number">统一核验编号：'+list[i].fwtybh+'</div>'+
									'</li>';
							$('#list').append(html_li);
						}
						if(xqcount==1){
							map.centerAndZoom(new BMap.Point(list[0].gisx, list[0].gisy), 18);
						}
					}
				}
		}
		$('#pageForm').ajaxSubmit(saveOptions);
	}
	
	//获取所有小区
	function getAllXq(){
		addLoadingBar();
		var arr = map.getBounds();
		var maxx = arr._ne.lng;
		var minx = arr._sw.lng;
		var maxy = arr._ne.lat;
		var miny = arr._sw.lat;
		var list = data_xqlist;
		for(var i in list){
			if(list[i].gisx>=minx && list[i].gisx<=maxx && list[i].gisy>=miny && list[i].gisy<=maxy){
				QueryPRJ(list[i].xqmc, list[i].gisx, list[i].gisy, list[i].xqid, 12, list[i].sellnum);
			}
		}
		clearLoadingBar();
	}
	
	//获取城区
	function getAllCq(){
		var list = data_cqlist;
		for(var i in list){
			QueryPRJ(list[i].cqmc, list[i].gisx, list[i].gisy, list[i].cqid, 16, list[i].sellnum);
		}
	}
	
	//跳转
	function look(gpcode){
		window.open('/rent/WebRentAction_todetail.jspx?gpcode=' + gpcode,'_blank') ;
	}
	
	//绘制分页信息
	function showPage(pageinfo){
		$('.map_list_page').html('');
		if(pageinfo=='暂无数据'){
			$('.map_list_page').hide();
		}
		else{
			$('.map_list_page').show();
			$('.map_list_page').html(pageinfo);
		}
	}
	
	//换页
	function doPage(page){
		$('#page').val(page);
		selectList();
	}
	
	//获取小区id
	function getXqid(id){
		$('#xqid').val(id);
		selectList();
	}
	
	//搜索
	function searchXQ(page){
		$('#page').val(page);
		selectList();
	}
	
	function clearPRJ() {
		map.clearOverlays();
	}
	
	function addLoadingBar() {
		document.getElementById('loading').style.display = 'block';
		document.getElementById('loading2').style.display = 'block';
	}
	function clearLoadingBar() {
		document.getElementById('loading').style.display = 'none';
		document.getElementById('loading2').style.display = 'none';
	}
	
	//获取小区id
	function moveToXq(id){
		$('#page').val(1);
		$('#xqid').val(id);
		selectMoveXq();
	}
	
	//移动时用
	function selectMoveXq(){
		$('[name=show_list]').remove();
		var saveOptions={
				target: '#pageForm',
				url: '/rent/RentWantedAction_getGpHouselist.jspx',
				type: 'post', dataType: 'html', cache: false, async: false,
				error: function(xhr){
					parent.showAlert("系统错误", "alert");
				},
				success: function(data) {
					var r = eval('(' + data + ')');
					//分页
					showPage(r.pageinfo);
					var list = r.list;
					if(list.length==0){
//						$('#list').append('<div class="noData" style="text-align: center; height: 300px;" name="show_list">'
//											+'<img src="/webty/images/noData.png" style="margin-top:80px;">'
//											+'<p style="font-size:24px;line-height:50px;color:#CCCCCC;">对不起，暂无相关数据！</p>'
//											+'</div>');
					}else{
						
						var xqcount=0;
						var _xqmc="";
						
						for(var i in list){
							if(_xqmc!=list[i].xqname){
								_xqmc=list[i].xqname;
								xqcount++;
							}
							
							var html_li = '';
							html_li+='<li onclick="look('+list[i].gpcode+')" name="show_list">'+
										'<div class="pad_all10">'+
											'<div class="map_house_pic"><img src="/'+list[i].image+'" /></div>'+
											'<div class="map_house_info">'+
												'<h3>'+list[i].xqname+'</h3>'+
												'<div>面积：'+list[i].jzmj+'平米</div>'+
												'<div>租金：'+list[i].zjje+'/月</div>'+
											'</div>'+
											'<div class="clear"></div>'+
										'</div>'+
										'<div class="map_house_number">统一核验编号：'+list[i].fwtybh+'</div>'+
									'</li>';
							$('#list').append(html_li);
						}
					}
				}
		}
		$('#pageForm').ajaxSubmit(saveOptions);
	}