var map;
var marker = null;
var markers = [];
var markers_circle = [];
var subway_markers = [];
var sido_markers = [];
var gugun_markers = [];
var dong_markers = [];
var structure_markers = [];
var init_lat;
var init_lng;
var init_zoom;
var idle_disable=0;
var maxzoom;
var resize_timer; //resize를 처리하기 위한 타이머
var call_timer; //resize를 처리하기 위한 타이머
var map_click = true; //구군이나 동 클러스터를 클릭했을 경우 right_close()를 실행시키지 않기 위한 변수
var right_exists = false; //우측 검색결과 목록이 있을 경우에는 지도를 이동,확대시 목록을 재호출하지 않기 위한 변수
var click_cluster = false; //매물 클러스터에 클릭이 되어 있는지 여부를 체크하여 지도를 이동,확대시 상태값을 유지하기 위한 변수
/*****************************************************
* 지도 이벤트 최초 호출
*****************************************************/
function initialize(lat, lng, level,  maxzoom, ml) {
	
	init_lat = lat;
	init_lng = lng;
	init_zoom = level;
	
	maxzoom = maxzoom;

	var mapOptions = {
		center: new daum.maps.LatLng(lat, lng),
		level: level
	};
	
	map = new daum.maps.Map(document.getElementById('map'), mapOptions);
	var mapTypeControl = new daum.maps.MapTypeControl();
	map.addControl(mapTypeControl, daum.maps.ControlPosition.TOPRIGHT);
	var zoomControl = new daum.maps.ZoomControl();
	map.addControl(zoomControl, daum.maps.ControlPosition.RIGHT);

	daum.maps.event.addListener(map, 'idle', call_map);

	daum.maps.event.addListener(map, 'click', function(mouseEvent) {
		if(map_click){
			right_close();
		}
		map_click = true;
	});

	//다음 지도는 숫자가 작아질 수록 지도가 확대되는 것이므로 maxzoom보다 더 작아지지 않도록 해야 한다.
	daum.maps.event.addListener(map, 'zoom_changed', function() {

		right_close();

				if( maxzoom > map.getLevel() ) {
			map.setLevel(maxzoom);
			$('.toast').stop().fadeIn(400).delay(3000).fadeOut(400);
		}
			});

	$( window ).resize(function() {
		mapsize();
		clearTimeout(resize_timer);
		resize_timer = setTimeout(mapsize, 200);
	});
}

function mapsize(){

		var top_size = $(".header").outerHeight()+$(".band-wrapper").outerHeight();
		if($('.pre-header').css('display') != "none")  top_size = top_size + $(".pre-header").outerHeight();

		var all_size = $(window).height();
		$("#map").height(all_size-top_size);
}

/*****************************************************
* 지도의 데이터 가져오기
******************************************************/
function call_map(){
	
	
	reset_coord_marker();

	if(map.getCenter().getLat() > 0){
		init_lat = map.getCenter().getLat();
		init_lng = map.getCenter().getLng();
		init_zoom = map.getLevel();
	}

	$("#lat").val(init_lat);
	$("#lng").val(init_lng);
	$("#zoom").val(init_zoom);

	$.ajax({
		url: "/search/set_nowgeo",
		type: "POST",
		data: {
			now_lat : init_lat,
			now_lng : init_lng,
			now_zoom : init_zoom,
		},
		success: function(data){
		}
	});

	if(idle_disable==0){ 

		/** 지도 움직임이 뚝뚝 끊겨서 이걸 수정함
		map.setDraggable(false); 
		map.setZoomable(false);

		$('#map').children(':first').css("cursor", "wait");
		**/

		clearTimeout(call_timer);
		call_timer = setTimeout(function(){
			remove_data();
			get_map_data();
			if($("#where_wrapper").hasClass("display-none")){
				right_exists = false;
				get_map_list(0);
			}
			$("#category-navigation").find("a").css("cursor", "pointer");
		}, 300);
	}
}

/*****************************************************
* 지도상에 있는 모든 마커를 제거한다.
******************************************************/
function remove_data(){

	for (var i = 0; i < subway_markers.length; i++) {
		subway_markers[i].setMap(null);
	}

	if(subway_markers.length>0)	subway_markers = [];

	for (var i = 0; i < sido_markers.length; i++) {
		sido_markers[i].setMap(null);
	}

	if(sido_markers.length>0)	sido_markers = [];

	for (var i = 0; i < gugun_markers.length; i++) {
		gugun_markers[i].setMap(null);
	}

	if(gugun_markers.length>0)	gugun_markers = [];

	for (var i = 0; i < dong_markers.length; i++) {
		dong_markers[i].setMap(null);
	}

	if(dong_markers.length>0)	dong_markers = [];

	for (var i = 0; i < structure_markers.length; i++) {
		structure_markers[i].setMap(null);
	}

	if(structure_markers.length>0)	structure_markers = [];

	for (var i = 0; i < markers_circle.length; i++) {
		markers_circle[i].setMap(null);
	}	

	for (var i = 0; i < markers.length; i++) {
		markers[i].setMap(null);
	}

	if(markers.length>0)	markers = [];
}

/*****************************************************
* 가격을 표시한다.
******************************************************/
function price_text(num){
	if(num >= 10000){
		price = numberWithCommas((num/10000).toFixed(1)) + "억원";
	} else {
		price = numberWithCommas(num) + "만원";
	}
	
	return price;
}

/*****************************************************
* 지도에 지하철,시,구군,동 단위를 표시한다.
******************************************************/
function get_map_data(){
	$('#loader').fadeIn();

	$.ajax({
		type: 'POST',
		url: '/main/get_json',
		cache: false,
		data: {'zoom':map.getLevel(),'swlat':map.getBounds().getSouthWest().getLat(), 'nelat':map.getBounds().getNorthEast().getLat(), 'swlng':map.getBounds().getSouthWest().getLng(), 'nelng':map.getBounds().getNorthEast().getLng()},
		dataType: 'json',
		success: function(jsonData){
			$.each(jsonData, function(key, val) {
				
				if(key=="subway"){ //지하철 클러스터
									get_subway_map(val);
									
				} else if(key=="sido"){ //시 클러스터				
					
					get_sido_map(val);

				} else if(key=="gugun"){ //구 클러스터
					
					get_gugun_map(val);

				} else if(key=="dong"){ //동 클러스터
					
					get_dong_map(val);

				} else if(key=="cluster"){ //건물 클러스터

					get_marker_map(val);

				} else if(key=="structure"){ //건물 아이콘

					get_structure_map(val);

				}

			}); /** jsonData foreach end **/
			$('#loader').fadeOut(500);

			map.setDraggable(true);
			map.setZoomable(true);
			idle_disable = 0;
			
			get_map_list(0);
		}
	});
}

/*****************************************************
* 지도에 매물 정보들(가격,아이콘,클러스터 등)을 나타낸다.
*****************************************************/
function get_marker_map(val){
	var cluster_count = 0;
	$.each(val, function(key1, val1) {

		// 마커의 위치 지정
		var loc = new daum.maps.LatLng(val1["lat"], val1["lng"]);
		
		// 원의 클래스 정의
		var c_class = "s";
		if(val1["count"]>=10) c_class = "m";
		else if(val1["count"]>=100) c_class = "l";

		var is_yAnchor = 0;
		var is_xAnchor = 0;

		if(c_class=="s"){
			is_yAnchor = -0.4;
			is_xAnchor = 0.3;
		} else if(c_class=="m"){
			is_yAnchor = -0.7;
			is_xAnchor = 0.5;
		} else if(c_class=="l"){
			is_yAnchor = -1;
			is_xAnchor = 0.5;
		}

		markers[key1] = new daum.maps.CustomOverlay({
			clickable : false,
			map: map,
			position: loc,
			content: "<div style='text-align:center;' class='cluster_wrapper'><div class='cluster_"+c_class+"'>"+val1["count"]+"</div></div>",
			yAnchor: is_yAnchor,
			xAnchor: is_xAnchor,
			zIndex: 1
		});

		if(c_class=="s"){
			var imageSrc = "/assets/common/img/obSt_orange.png",
			imageSize = new daum.maps.Size(45, 45),
			imageOption = {offset: new daum.maps.Point(20, 0)};
		} else if(c_class=="m"){
			var imageSrc = "/assets/common/img/obMt_orange.png",
			imageSize = new daum.maps.Size(60, 60),
			imageOption = {offset: new daum.maps.Point(30, 0)};
		} else if(c_class=="l"){
			var imageSrc = "/assets/common/img/obLt_orange.png",
			imageSize = new daum.maps.Size(75, 75),
			imageOption = {offset: new daum.maps.Point(37, 0)};						    
		}

		markers_circle[key1] = new daum.maps.Marker({
			position: loc,
			image: new daum.maps.MarkerImage(imageSrc, imageSize, imageOption),
			title: val1["id"]+"",
			map: map,
			yAnchor: 1,
			zIndex:0
		});

		daum.maps.event.addListener(markers_circle[key1], 'click', function() {
			click_cluster = val1["id"];
			cluster_list(val1["count"],this.getPosition().getLat(), this.getPosition().getLng(), val1["ids"]);
		});

		daum.maps.event.addListener(markers_circle[key1], 'mouseover', function() {
			set_map_click(false);
		});

		daum.maps.event.addListener(markers_circle[key1], 'mouseout', function() {
			set_map_click(true);
		});

		$(".cluster_wrapper").eq(cluster_count).parent().css("pointer-events","none");
		$(".cluster_wrapper").eq(cluster_count).parent().next('div').children().css('border-radius','50%');
		$(".cluster_wrapper").eq(cluster_count).parent().next('div').children('img:first-child').css('border','2px solid #fff');
		$(".cluster_wrapper").eq(cluster_count).parent().next('div').children('img:first-child').addClass('cs');
		$(".cluster_wrapper").eq(cluster_count).parent().next('div').children('img:first-child').addClass(val1["id"]);
	
		if(val1["icon_only"]!="2") cluster_count++; //가격,아이콘일 경우엔 카운트에서 제외 해야함. 
		

		if(val1["icon_only"]=="2") cluster_count++; //클러스터가 1숫자 이미지일 경우엔 카운트를 전부 세줘야함.

	});
	
	var cluster_color = "";
	cluster_color = "rgba(250,150,90,0.9)";
	

	//이미지 클러스터에 오버효과
	$('.cs').parent().hover(function(){
		$(this).children('img:nth-child(2)').css('box-shadow','0 0 15px 15px '+cluster_color);
		$(this).children().css('-webkit-transition','0.3s ease-in-out');
		$(this).children().css('-moz-transition','0.3s ease-in-out');
		$(this).children().css('-o-transition','0.3s ease-in-out');
		$(this).children().css('transition','0.3s ease-in-out');
	},function(){
		if(!$(this).hasClass('hover_active')){
			$(this).children().css('box-shadow','none');
		}
	});

	//이미지 클러스터에 클릭효과
	$('.cs').parent().click(function(){
		$('.cs').parent().removeClass('hover_active');
		$(this).addClass('hover_active');
		$('.cs').css('border','2px solid #fff');
		$('.cs').parent().children().css('box-shadow','none');
		$(this).children('img:nth-child(2)').css('box-shadow','0 0 15px 15px '+cluster_color);
		$('.subwaycon').css('border','4px solid rgba(250,255,255,0.2)');
		$('.subwaycon').css('box-shadow','none');
	});

	//클릭되어 있는 클러스터는 지도를 이동해도 클릭되어 있는 효과를 준다
	if(click_cluster){
		$("."+click_cluster).parent().addClass('hover_active');
		$("."+click_cluster).parent().children().css('border-radius','50%');
		$("."+click_cluster).parent().children('img:nth-child(2)').css('box-shadow','0 0 15px 15px '+cluster_color);
	}
}

/*****************************************************
* 지도에 지하철 정보를 표시한다.
* 5보다 작으면 좀 크게 보여주고 아니면 좀 작게 보여준다.
******************************************************/
var subway_change = false;
function get_subway_map(val){

	var subway_id = "";
	var subway_x = "";
	var subway_y = "";
	var where = "";

	$.each(val, function(key1, val1) {

		if(map.getLevel()<=5){

			// 커스텀 오버레이를 생성합니다
			subway_markers[key1] = new daum.maps.CustomOverlay({
				map: map,
				position: new daum.maps.LatLng(val1["lat"], val1["lng"]),
				content: "<div style='text-align:center;cursor:pointer;' onmouseover='set_map_click(false)' onmouseout='set_map_click(true)' onclick='subway_list(\""+val1["lat"]+"\",\""+val1["lng"]+"\",\""+val1["id"]+"\",\""+val1["name"]+"역 근처 검색결과\");' id=\"subway_round"+val1["id"]+"\"><img class=\"subwaycon subwaycon"+val1["id"]+"\" src='/assets/common/img/train.png'><br/><div class='subway_map2 map_sub_"+val1["hosun_id"]+"'>"+val1["name"]+"</div></div>",
				yAnchor: 1 
			});

		} else {

			if(map.getLevel()<7){
				var imageSrc = "/assets/common/img/subway_18.png", // 마커이미지의 주소입니다    
				imageSize = new daum.maps.Size(17, 17), // 마커이미지의 크기입니다
				imageOption = {offset: new daum.maps.Point(8, 8)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.
			} else {
				var imageSrc = "/assets/common/img/subway_small.png", // 마커이미지의 주소입니다    
				imageSize = new daum.maps.Size(10, 10), // 마커이미지의 크기입니다
				imageOption = {offset: new daum.maps.Point(5, 5)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.
			}
			
			subway_markers[key1] = new daum.maps.Marker({
				position: new daum.maps.LatLng(val1["lat"], val1["lng"]),
				image: new daum.maps.MarkerImage(imageSrc, imageSize, imageOption),
				map: map,
				title: "[" + val1["hosun"]+"]"+val1["name"]
			});
		}

		daum.maps.event.addListener(subway_markers[key1], 'click', function () {
			//아래 두개의 명령이 실행이 되면 idle이 2번 발생하여 꼬인다. 그래서 이벤트를 삭제했다가 다시 추가한다.
			daum.maps.event.removeListener(map, 'idle', call_map);
			map.setLevel(5);
			map.panTo(new daum.maps.LatLng(val1["lat"], val1["lng"]));
			daum.maps.event.addListener(map, 'idle', call_map);
		});

		//지하철역을 검색했을 경우 해당 지하철역을 선택해준다
		if($("#search_type").val()=="subway" && $("#search_value").val()==val1["id"]){
			subway_id = val1["id"];
			subway_x = val1["lat"];
			subway_y = val1["lng"];
			where = val1["name"]+"역 근처 검색결과";
		}
		//통합검색으로 지하철역을 검색했을 경우 해당 지하철역을 선택해준다
		if($("#search_type").val()=="google" && $("#search_value").val()==val["name"]){
			subway_id = val1["id"];
			subway_x = val1["lat"];
			subway_y = val1["lng"];
			where = val1["dong"]+"역 근처 검색결과";			
		}

	});

	if($("#right_subway_id").val()!=""){
		subway_cluster_hover($("#right_subway_id").val());
	}

	if(subway_id!="" && !subway_change){
		subway_list(subway_x,subway_y,subway_id,where);
	}
}

/*****************************************************
* 지도에 지하철 역 클러스터 표시
******************************************************/
function get_subway_cluster_map(val){

	var subway_id = "";
	var subway_x = "";
	var subway_y = "";
	var where = "";
	var where_add = "";

	
	$.each(val, function(key, val) {
		dong_markers[key] = new daum.maps.CustomOverlay({
			map: map,
			position: new daum.maps.LatLng(val["lat"], val["lng"]),
			content: "<div class='localmapWrapper' onmouseover='over_cluster(\""+val["id"]+"\")' id=\"round"+val["id"]+"\" onmouseover='set_map_click(true)' onclick='subway_list(\""+val["lat"]+"\",\""+val["lng"]+"\",\""+val["id"]+"\",\""+val["name"]+" 검색결과("+val["cnt"]+")"+where_add+"\");'>"+val["name"]+"("+val["cnt"]+")"+"</div>",
			yAnchor: 0.6
		});
		//지하철역을 검색했을 경우 해당 지하철역을 선택해준다
		if($("#search_type").val()=="address" && $("#search_value").val()==val["id"]){
			subway_id = val["id"];
			subway_x = val["lat"];
			subway_y = val["lng"];
			where = val["name"]+" 검색결과("+val["cnt"]+")";
		}
		//통합검색으로 지하철역을 검색했을 경우 해당 지하철역을 선택해준다
		if($("#search_type").val()=="google" && $("#search_value").val()==val["name"]){
			subway_id = val1["id"];
			subway_x = val1["lat"];
			subway_y = val1["lng"];
			where = val["name"]+" 검색결과("+val["cnt"]+")";			
		}
	});

	if($("#right_subway_id").val()!=""){
		dong_cluster_hover($("#right_subway_id").val());
	}

	if(subway_id!="" && !subway_change){
		subway_list("","",subway_id,where);
	}
}

/*****************************************************
* 지도에 시도에 대한 커스텀 오버레이를 생성한다
******************************************************/
function get_sido_map(val){
	$.each(val, function(key, val) {
		sido_markers[key] = new daum.maps.CustomOverlay({
			map: map,
			position: new daum.maps.LatLng(val["lat"], val["lng"]),
			content: "<div class='localmapWrapper' onmouseover='over_cluster(\""+val["id"]+"\")' id=\"round"+val["id"]+"\" onmouseout='out_cluster()' onclick='map_zoom(\""+val["lat"]+"\",\""+val["lng"]+"\",8);'>"+val["sido"]+"</div>",
			yAnchor: 1 
		});
	});
}

/*****************************************************
* 지도에 구군에 대한 커스텀 오버레이를 생성한다
******************************************************/
function get_gugun_map(val){
	$.each(val, function(key, val) {
		gugun_markers[key] = new daum.maps.CustomOverlay({
			map: map,
			position: new daum.maps.LatLng(val["lat"], val["lng"]),
			content: "<div class='localmapWrapper' onmouseover='over_cluster(\""+val["parent_id"]+"\")' onmouseout='set_map_click(true)' id=\"round"+val["parent_id"]+"\" onclick='map_zoom(\""+val["lat"]+"\",\""+val["lng"]+"\",6);'>"+val["gugun"]+"("+val["cnt"]+")"+"</div>",
			yAnchor: 1 
		});
	});
}

/*****************************************************
* 지도에 동에 대한 커스텀 오버레이를 생성한다
******************************************************/
var dong_change = false;
function get_dong_map(val){

	var address_id = "";
	var where = "";

	$.each(val, function(key, val) {
		dong_markers[key] = new daum.maps.CustomOverlay({
			map: map,
			position: new daum.maps.LatLng(val["lat"], val["lng"]),
			content: "<div class='localmapWrapper' onmouseover='over_cluster(\""+val["id"]+"\")' id=\"round"+val["id"]+"\" onmouseover='set_map_click(true)' onclick='dong_list(\""+val["id"]+"\",\""+val["dong"]+" 검색결과("+val["cnt"]+")\");'>"+val["dong"]+"("+val["cnt"]+")"+"</div>",
			yAnchor: 1 
		});
		//동을 검색했을 경우 해당 동을 선택해준다
		if($("#search_type").val()=="address" && $("#search_value").val()==val["id"]){
			address_id = val["id"];
			where = val["dong"]+" 검색결과("+val["cnt"]+")";
		}
		//통합검색으로 동을 검색했을 경우 해당 동을 선택해준다
		if($("#search_type").val()=="google" && $("#search_value").val()==val["dong"]){
			address_id = val["id"];
			where = val["dong"]+" 검색결과("+val["cnt"]+")";			
		}
	});

	if($("#right_address_id").val()!=""){
		dong_cluster_hover($("#right_address_id").val());
	}
	if(address_id!="" && !dong_change){
		dong_list(address_id,where);
	}
}

/*****************************************************
* 시도,구군,동 클러스터에 
* 마우스 오버했을 경우 z-index를 띄우기 위함
******************************************************/
function over_cluster(id){
	set_map_click(false);
	$('.localmapWrapper').parent().css('z-index','10');
	$('#round'+id).parent().css('z-index',99);
}

/*****************************************************
* 지도가 아닌 클러스터에 클릭을 했을 경우엔
* right_close()를 실행하지 않도록 하기 위함
******************************************************/
function set_map_click(val){
	map_click = val;
}


/*****************************************************
* 동클릭했을 때 동의 매물 목록을 보여주는 부분이다.
******************************************************/
function dong_list(address_id,where){

	dong_change = true;

	reset_coord_marker();
	reset_right_value();

	$("#right_address_id").val(address_id);
	
	$("#where").html(where);
	$("#where_wrapper").removeClass("display-none");
	dong_cluster_hover(address_id);
	right_exists = false;
	click_cluster = false;
	get_map_list(0);
}

/*****************************************************
* 동클릭했을 때 오버효과를 나타낸다.
******************************************************/
function dong_cluster_hover(address_id){
	$('.localmapWrapper').css('box-shadow','none');
	
	$('.localmapWrapper').css('border','4px solid rgba(250,150,90,0.9)');
	$('#round'+address_id).css('border','4px solid rgba(255,555,255,0.9)');
	$('#round'+address_id).css('box-shadow','0 0 15px 15px rgba(250,150,90,0.9)');

}

/*****************************************************
* 지하철을 클릭했을 때 인근 매물 목록을 보여주는 부분이다.
******************************************************/
function subway_list(x,y,id,where){

	
	subway_change = true;

	reset_coord_marker();
	reset_right_value();

	$("#right_subway_id").val(id);
	$("#subway_x").val(x);
	$("#subway_y").val(y);

	$("#where").html(where);
	$("#where_wrapper").removeClass("display-none");
	subway_cluster_hover(id);
	right_exists = false;
	get_map_list(0);
}

/*****************************************************
* 지하철 클릭했을 때 오버효과를 나타낸다.
******************************************************/
function subway_cluster_hover(id){
	$('.subwaycon').css('border','4px solid rgba(250,255,255,0.2)');
	$('.subwaycon'+id).css('border','4px solid rgba(200,255,255,1)');
	$('.subwaycon').css('box-shadow','none');
	$('.subwaycon'+id).css('box-shadow','0 0 15px 15px #337ab7');
	$('.cs').parent().children().css('box-shadow','none');
	$('.cs').parent().removeClass('hover_active');
	click_cluster = false;
}

/*****************************************************
* 우측 닫기 버튼 제어
******************************************************/
function right_close(){
	click_cluster = false;
	reset_coord_marker();
	reset_right_value();
	$("#where_wrapper").addClass("display-none");
	right_exists = false;

	get_map_list(0);

	$('.localmapWrapper').css('box-shadow','none');
	$('.subwaycon').css('box-shadow','none');
	
	$('.localmapWrapper').css('border','4px solid rgba(250,150,90,0.9)');
	
	$('.subwaycon').css('border','4px solid rgba(250,255,255,0.2)');
	$('.cs').css('border','2px solid #fff');
	$('.cs').parent().children().css('box-shadow','none');
}

/*****************************************************
* 우측 목록에 검색된 값들을 초기화 시킨다
******************************************************/
function reset_right_value(){
	$("#right_subway_id").val("");
	$("#right_address_id").val("");
	$("#cluster_x").val(0);
	$("#cluster_y").val(0);
	$("#cluster_ids").val("");
	$("#subway_x").val(0);
	$("#subway_y").val(0);
	$("#structure_id").val("");
}

/*****************************************************
* 지도에 건물 정보들을 나타낸다.
*****************************************************/
var structure_icon='/assets/common/img/icons/apartment_base.png';
var structure_icon_on='/assets/common/img/icons/apartment_green.png';

new_con=0;
cday=10;

function get_structure_map(val){

	$.each(val, function(key, val) {

		if(val["icon"]==1){
			structure_icon=structure_icon;
		} else {
			structure_icon=structure_icon_on;
		}
		
		imageSize = new daum.maps.Size(26, 30);
	    	imageOption = {offset: new daum.maps.Point(27, 69)}; 
		var markerImage = new daum.maps.MarkerImage(structure_icon, imageSize, imageOption);

		if(new_con==0){

						structure_markers[key] = new daum.maps.CustomOverlay({
				map: map,
				position: new daum.maps.LatLng(val["lat"], val["lng"]),
				content: '<div onmouseover="set_map_click(false)" onmouseout="set_map_click(true)" onclick="structure_list(\''+val["structure_id"]+'\',\''+val["name"]+'\',\''+val["count"]+'\');" style="cursor:pointer;"><img src="'+structure_icon+'"/></div><div class="dmarker_count" onmouseover="set_map_click(false)" onmouseout="set_map_click(true)" onclick="structure_list(\''+val["structure_id"]+'\',\''+val["name"]+'\',\''+val["count"]+'\');">'+val["count"]+'</div>',
				yAnchor: 0
			});
			
		} else {
			structure_markers[key] = new daum.maps.Marker({
				map: map,
				position: new daum.maps.LatLng(val["lat"], val["lng"]),
				image:markerImage
			});
			
			daum.maps.event.addListener(structure_markers[key], 'click', function() {
				structure_list(val["structure_id"],val["name"],val["count"]);
			});
		}

	});



}

/*****************************************************
* 지도상에서 하나의 매물을 클릭했을 경우 모달창을 띄움
*****************************************************/
function get_property(id,address_id,category_opened){

	var member_id = "";
	var permit_area = "";

	if(category_opened=="N" && member_id==""){
		$("#signup").find(".leanModal").click();
	}
	else{
		if(permit_area!=""){
			permit_area = permit_area.split(",");
			
			if($.inArray(address_id,permit_area) > -1){
				product_modal(id);
			}
			else{
				$("#permit-area").find(".leanModal").click();
			}
		}
		else{
			product_modal(id);
		}
	}
}

/*****************************************************
* 매물 좌표를 표시
******************************************************/
function get_property_base(lat,lng){

	var imageSrc = '/assets/common/img/map_marker.gif',
		imageSize = new daum.maps.Size(40, 40),
		imageOption = {offset: new daum.maps.Point(0, 0)};

	var markerImage = new daum.maps.MarkerImage(imageSrc, imageSize, imageOption),
		markerPosition = new daum.maps.LatLng(lat, lng);

	reset_coord_marker();

	marker = new daum.maps.Marker({
		position: markerPosition, 
		image: markerImage,
		zIndex: 6
	});

	marker.setMap(map);
}

/*****************************************************
* 건물 목록을 가져온다.
******************************************************/
function structure_list(structure_id, name, count){
	reset_coord_marker();
	reset_right_value();

	$("#structure_id").val(structure_id);
			$("#where").html("검색결과 ("+count+")");
		$("#where_wrapper").removeClass("display-none");
	right_exists = false;

	get_map_list(0);

}

/*****************************************************
* 매물 클러스터 목록을 가져온다.
*****************************************************/
function cluster_list(count, x, y, ids){
	reset_coord_marker();
	reset_right_value();

	$("#cluster_x").val(x);
	$("#cluster_y").val(y);
	$("#cluster_ids").val(ids);

	$("#where").html("검색결과 ("+count+")");
	$("#where_wrapper").removeClass("display-none");
	right_exists = false;

	map_zoom(x,y,4);
	get_map_list(0);
}

/*****************************************************
* 우측 매물 목록을 보여준다.
*
* - address_id를 넘겼을 경우 동에 대한 매물을 보여준다.
* - x,y 클러스터 좌표를 넘겼을 경우 x,y 범위에 대한 매물을 보여준다.
*****************************************************/
function get_map_list(page){
	
	//if(right_exists) return false;

	loading_delay(true);
	$.ajax({
		type	: "POST",
		url		: "/main/get_all_server_list/"+page+"/"+map.getBounds().getSouthWest().getLat()+"/"+map.getBounds().getNorthEast().getLat()+"/"+map.getBounds().getSouthWest().getLng()+"/"+map.getBounds().getNorthEast().getLng()+"/"+init_zoom+"/"+Math.round(new Date().getTime()),
		cache: false,
		async: false,
		data: $("#search_form").serialize(),
		dataType: 'json',
		success: function(data) {
			$.each(data, function(key, val) {
				if(key=="result") {
					str = val;
				}
				if(key=="total"){
					total = val;
					$(".result_label").html("<i class=\"fa fa-search\"></i> 검색결과 " + val);
				}
				if(key=="paging"){
					if(total<=val){
						$("#pagination_more").hide();
					} else {
						$("#pagination_more").show();
					}
					
					next_page = val;
					$("#next_page").val(val);
				}


			});

			if($.trim(str)==""){
				$("#pagination_more").hide();
				str = "<div style='text-align:center;padding:10px;' id='no_search_data'><i class=\"fa fa-hand-o-down\"></i> 검색 결과가 없습니다. 연락주세요.</div>";
			} else {
				$('#no_search_data').hide();
			}

			if(next_page<=21){
				$("#map_search_list").html(str);			
				$("#map_list").animate({
					scrollTop: 0
				}, 600);
			} else {
				$("#map_search_list").append(str);
			}
			$("#loading").hide();

			$(".relist").mouseenter(function(){
							});

			map.setDraggable(true);    
			map.setZoomable(true);
			
			setTimeout(function() {
				  idle_disable = 0;
			}, 1000);
			
			setTimeout(function(){
				loading_delay(false);
			}, 300);

			login_leanModal();
		}
	});

	right_exists = true;
}

/*****************************************************
* 더보기 버튼 이벤트
*****************************************************/
function more(){
	right_exists = false;
	get_map_list($("#next_page").val());
}

/*****************************************************
* 지도에 표시되는 좌표마커 초기화
*****************************************************/
function reset_coord_marker(){
	if(marker){
		marker.setMap(null);
	}
}

/*****************************************************
* 지도 좌표 이동 시키기
*****************************************************/
function move_map(lat,lng, pzoom){
	idle_disable = 1;
	map.setCenter(new  daum.maps.LatLng(lat, lng));
	//map.setLevel(pzoom);
	idle_disable = 0;
}

/*****************************************************
* 지도 좌표 확대하면서 이동 시키기
*****************************************************/
function map_zoom(lat,lng,zoom){
	move_map(lat,lng,zoom);
	call_map();
}