var iconUrl = '/images/renewal2013/ci.GIF';
var iconPopUrl = '/images/map/map_icon_company.png';
var iconNumberUrl = '/images/map/ico_';
var iconSizeW = 60;
var iconSizeH = 24;
var iconNumberW = 30;
var iconNumberH = 36;

var infoWindow = null;
var mark = [];
var objMap= null;

function getDaumMap(x, y, id, content) {
	var position = new daum.maps.LatLng(x, y);

	map = new daum.maps.Map(document.getElementById(id), {
		center: position,
		level: 2,
		mapTypeId: daum.maps.MapTypeId.ROADMAP
	});

	var zoomControl = new daum.maps.ZoomControl();
	map.addControl(zoomControl, daum.maps.ControlPosition.RIGHT);
	var mapTypeControl = new daum.maps.MapTypeControl();
	map.addControl(mapTypeControl, daum.maps.ControlPosition.TOPRIGHT);

	var icon = new daum.maps.MarkerImage(
		iconUrl,
		new daum.maps.Size(iconSizeW, iconSizeH),
		new daum.maps.Point(16,34),
		"poly",
		"1,20,1,9,5,2,10,0,21,0,27,3,30,9,30,20,17,33,14,33"
	);

	var marker = new daum.maps.Marker({
		position: position,
		image: icon,
		title : content
	});
	marker.setMap(map);

	var infowindow = new daum.maps.InfoWindow({
		content: '<p style="margin-top:4px;font:12px/1.5 sans-serif;padding-left:38px">' + content + '</p>'
	});
	infowindow.open(map, marker);
}

function getDaumMap2(x, y, id, content, x2, y2, content2) {
	var position = new daum.maps.LatLng(x, y);

	var map = new daum.maps.Map(document.getElementById(id), {
		center: position,
		level: 2,
		mapTypeId: daum.maps.MapTypeId.ROADMAP
	});

	var zoomControl = new daum.maps.ZoomControl();
	map.addControl(zoomControl, daum.maps.ControlPosition.RIGHT);
	var mapTypeControl = new daum.maps.MapTypeControl();
	map.addControl(mapTypeControl, daum.maps.ControlPosition.TOPRIGHT);

	var icon = new daum.maps.MarkerImage(
		iconUrl,
		new daum.maps.Size(iconSizeW, iconSizeH),
		new daum.maps.Point(16,34),
		"poly",
		"1,20,1,9,5,2,10,0,21,0,27,3,30,9,30,20,17,33,14,33"
	);

	var marker = new daum.maps.Marker({
		position: position,
		image: icon,
		title : content
	});
	marker.setMap(map);

	var position2 = new daum.maps.LatLng(x2, y2);
	var marker2 = new daum.maps.Marker({
		position: position2,
		image: icon,
		title : content2
	});
	marker2.setMap(map);

	var infowindow = new daum.maps.InfoWindow({
		content: '<p style="margin-top:4px;font:12px/1.5 sans-serif;padding-left:24px">' + content + '</p>'
	});
		/*
	var infowindow = new daum.maps.InfoWindow({
		content: '<p style="margin:2px;font:12px/1.5 sans-serif;padding-left:20px">' + content + '</p>',
		removable : true
	});
	*/
	infowindow.open(map, marker);

	var infowindow2 = new daum.maps.InfoWindow({
		content: '<p style="margin-top:4px;font:12px/1.5 sans-serif;padding-left:24px">' + content2 + '</p>'
	});
	infowindow2.open(map, marker2);
}


function getDaumMapPoint(mapdata) {

	var latLngYN = false;
	
	loadMap("map",37.52412567568895,127.12912202000066,3,true,true);
	
	var bounds = new daum.maps.LatLngBounds();

	for(var i=0;i<mapdata.length;i++){
		if(mapdata[i].lat == null || mapdata[i].lat=='' || mapdata[i].lng == null || mapdata[i].lng==''){			
			if(i==0){
				setDefaultMark(37.52412567568895,127.12912202000066);
			}	
			continue;
		}	
		setMark(mapdata[i]);
		bounds.extend(new daum.maps.LatLng(mapdata[i].lat,mapdata[i].lng));
		latLngYN = true;
	}
	
	if(latLngYN) objMap.setBounds(bounds);
}

//Áöµµ ·Îµå Á¶°Ç(°´Ã¼,À§µµÁÂÇ¥,°æµµÁÂÇ¥,È®´ë·¹º§,¸ÊŸÀÔÄÁÆ®·ÑÀ¯¹«,ÁÜÄÁÆ®·ÑÀ¯¹« )
function loadMap(objId,lat,lng,level,addMapTypeControl,addZoomControl){
	
	objMap = new daum.maps.Map (document.getElementById(objId), {
		center:new daum.maps.LatLng(lat,lng) 
		,level: level
	});
	
	if(addMapTypeControl) objMap.addControl(new daum.maps.MapTypeControl(), daum.maps.ControlPosition.TOPRIGHT);
	
	if(addZoomControl) objMap.addControl(new daum.maps.ZoomControl(), daum.maps.ControlPosition.RIGHT);
	
}

function setDefaultMark(lat,lng){
	
	var position = new daum.maps.LatLng(lat,lng);
	var icon = new daum.maps.MarkerImage(
			iconUrl,
			new daum.maps.Size(iconSizeW, iconSizeH),
			new daum.maps.Point(16,34),
			"poly",
			"1,20,1,9,5,2,10,0,21,0,27,3,30,9,30,20,17,33,14,33"
		);

	var marker = new daum.maps.Marker({
		position: position,
		image: icon
	});
		
	marker.setMap(objMap);	
	
}

function setMark(mapdata){
	var position = new daum.maps.LatLng(mapdata.lat,mapdata.lng);
	
	var number = mapdata.rowIdx;
	if(number.length==1) number="0"+number;
	
	var icon = new daum.maps.MarkerImage(
			iconNumberUrl+number+".png",
			new daum.maps.Size(iconNumberW, iconNumberH)
		);

	var marker = new daum.maps.Marker({
		position: position,
		image: icon
	});
	
	marker.setMap(objMap);
	
    daum.maps.event.addListener(marker,"click",	function(){
    	var latLng = marker.getPosition(); 
		objMap.panTo(latLng);
		setIw(marker,mapdata);
    });

    mark.push(marker);   
}

function setPopMark(lat,lng){
	
	var position = new daum.maps.LatLng(lat,lng);
	var icon = new daum.maps.MarkerImage(
			iconPopUrl,
			new daum.maps.Size(iconNumberW, iconNumberH)
		);

	var marker = new daum.maps.Marker({
		position: position,
		image: icon
	});
	
	marker.setMap(objMap);	
	
}

function setIw(marker,mapdata){
	if(infoWindow != null) infoWindow.close();
	var kind ="";
	if(mapdata.kind=="1")  kind ="(½£)";
	else if(mapdata.kind=="2")  kind ="(±³½Ç)";
	else if(mapdata.kind=="3")  kind ="(±³½Ç+½£)";
	
	var info ="<br/><a href=\"javascript:infoWindow.close();\"><img alt=\"´Ý±â\" src=\"/images/global/popup/btn_close.gif\" align=\"right\" style=\"margin-top: -7px; margin-right: 15px;\"></a><br/>";
	
	info += "<table border=\"0\" style=\"margin-left: 15px; margin-right: 15px; border-top:2px solid #959595; border-bottom:2px solid #959595;\" >";
	info += "    <tr>";
	info += "		<th width=\"60\">¼¾Å͸í</th>";
	info += "		<td width=\"250\">"+mapdata.agencyName+" "+kind+"</td>";
	info += "    </tr>";
	info += "    <tr>";
	info += "    	<th>´ëÇ¥ÀüÈ­</th>";
	info += "    	<td>"+mapdata.phone+"</td>";
	info += "    </tr>";
	info += "    <tr>";
	info += "		<th>ÁÖ¼Ò</th>";
	info += "		<td>"+mapdata.addr+"</td>";
	info += "    </tr>";
	info += "    <tr>";
	info += "		<th>À̸ÞÀÏ</th>";
	info += "		<td>"+mapdata.email+"</td>";
	info += "	</tr>";
	info += "</table><br/>";   
	
	infoWindow = new daum.maps.InfoWindow({
		content: info,
		disableAutoPan:false
	});

	infoWindow.open(objMap, marker);
}

function getMark(mapdata){
	var latLng = new daum.maps.LatLng(mapdata.lat,mapdata.lng);
	
	var marker = new daum.maps.Marker({
		position: latLng
	});

	for(var i=0;i<mark.length; i++){
		if(marker.getPosition().toString() == mark[i].getPosition().toString()){
			setIw(mark[i],mapdata);
		}
	}
}