//<![CDATA[
var CongnamulMap;	// 콩나물 맵 객체
var AreaCongnamulMap;

function setAreaCong(mx, my)
{
	AreaCongnamulMap = new TMap('KOID', 'CongDiv2', 
		{
			x:mx,
			y:my,
			proxy:'http://lets114.hajai.com/Web/Map/MapProxy.aspx'
		}
	);
	
	// 지도 초기화 후에 실행될 함수 지정
	AreaCongnamulMap.addEventListener('initialized', AreaMapInit);
}

function setCongnamul() {
	CongnamulMap = new TMap('KOID', 'CongDiv', 
		{
			x:495412,
			y:1131562,
			proxy:'http://lets114.hajai.com/Web/Map/MapProxy.aspx'
		}
	);
			
	// 지도 초기화 후에 실행될 함수 지정
	CongnamulMap.addEventListener('initialized', mapInit);

	// 모드 변경후 실행될 함수 지정
	CongnamulMap.addEventListener('modechanged', modeChanged);

	// 맵 이동시 실행될 함수 지정
	CongnamulMap.addEventListener('mapmovechanged', mapMoved);

	// 지도 스케일 변경시  실행될 함수 지정
	//CongnamulMap.addEventListener('zoomchanged', zoomChanged);
	
	// 지도 사이즈 변경후 실행될 함수 지정
	//CongnamulMap.addEventListener('sizechanged', sizeChanged);
	
	// 맵 타입이 변경된 후 실행될 함수 지정
	//CongnamulMap.addEventListener('maptypechanged', maptypeChanged);
	
	// 맵 추가 정보가 변경된 후 실행될 함수 지정
	//CongnamulMap.addEventListener('mapattrchanged', mapAttributeChanged);
}

function mapInit() {
	setContextMenu();
	setIconDefine();
	conTactAreaSet();
}

function AreaMapInit()
{
	// 줌컨트롤을 삭제한다.
	AreaCongnamulMap.removeZoomControl();
	
}

// 아이콘 이미지 정의
function setIconDefine()
{
	// 지도에 나타나는 심볼아이콘
	// 210번대
	// 이 아이콘의 마크 그룹아이디는 220번
	CongnamulMap.setIcon(211, "http://biz.congnamul.com/TMap/symbols/defaultPointSymbol.gif", new TSize(20, 20), new TPoint(-10, -20));
	/*******************************************************************************/
}


/**
 * 마우스 우클릭시 나타나는 컨택스트 메뉴 추가 기능
 * 추가한 순서대로 나타남
 * @return
 */
function setContextMenu() {
	// 메뉴에 점선 추가
	CongnamulMap.addContextMenuItem("LINEITEM", null, false);
	
	// command, function, 맨위로 보낼 메뉴인지 여부
	CongnamulMap.addContextMenuItem("확대", "CongnamulMap.zoomIn", false);
	CongnamulMap.addContextMenuItem("축소", "CongnamulMap.zoomOut", false);
	CongnamulMap.addContextMenuItem("이동", "CongnamulMap.panTo", false);
	CongnamulMap.resetContextMenu();	// 반드시 reset을 해주셔야 나타납니다.
}

/**
 * 모드 변경시 실행되는 함수로 사용자가 지정한 값들을 읽어올 수 있다.
 * 
 * @param prevmode : 이전 모드
 * @param mode : 바뀌는 모드
 * 
 * @return
 */
function modeChanged(prevmode, mode) {
	try
	{
		DOM("_Mode").value = prevmode;
		// 모드별 분기처리 로직
		ModeQuater();
	}
	catch(ex)
	{
		
	}
}

//function modeChanged(prevmode, mode) {
//	try {
//		if(prevmode==2) {	// 클릭한 점
//			if(currentTarget=='s' || currentTarget=='e' || currentTarget.indexOf('p')==0) {
//				setTargetAddress();
//			} else {
//				alert(CongnamulMap.clickPoint.x + ", " + CongnamulMap.clickPoint.y);
//				getAddress(CongnamulMap.clickPoint);
//			}
//		} else if(prevmode==3) {	// 면적
//			alert("지정한 지점의 면적 : " + CongnamulMap.areaInfo.area + "㎡\n선택한 포인트 개수 : " + CongnamulMap.areaInfo.points.length);
//		} else if(prevmode==4) {	// 거리
//			alert("지정한 거리 : " + CongnamulMap.distanceInfo.distance + "m\n선택한 포인트 개수 : " + CongnamulMap.distanceInfo.points.length);
//		} else if(prevmode==5 || prevmode==6 || prevmode==6.5) {	// 선, 화살표, 양쪽 화살표
//			alert("선택한 포인트 개수 : " + CongnamulMap.userPoints.length);
//			var str = '';
//			for(var i=0; i<CongnamulMap.userPoints.length; i++) {
//				var point = CongnamulMap.userPoints[i];
//				str += "new TPoint(" + point.x + "," + point.y + "),<br/>";
//			}
//			
//			document.getElementById("resDiv").innerHTML = str;
//			
//			// userPoints는 TPoint 객체를 담는 배열
//		} else if(prevmode==7) {	// 타원 정보
//			var circle = CongnamulMap.userCircle;
//			alert("타원이 속한 MBR : " + circle.sPoint.x + ", " + circle.sPoint.y + " ~ " + circle.ePoint.x + ", " + circle.ePoint.y);
//		} else if(prevmode==7.5) {	// 원 정보
//			alert("원의 중심 : " + CongnamulMap.circleInfo.point.x + ", " + CongnamulMap.circleInfo.point.y + "\n반지름 : " + CongnamulMap.circleInfo.radius + "m");
//		} else if(prevmode==8) {	// 사각형
//			alert("사각형 정보 좌하단 좌표~우상단 좌표" + CongnamulMap.rectInfo.minx + ", " + CongnamulMap.rectInfo.miny + " ~ " + CongnamulMap.rectInfo.maxx + ", " + CongnamulMap.rectInfo.maxy);
//		} else if(prevmode==9) {	// 텍스트 상자
//			alert("텍스트 상자 좌표 : " + CongnamulMap.textInfo.point.x + ", " + CongnamulMap.textInfo.point.y + "\n텍스트 정보 : " + CongnamulMap.textInfo.message);
//		}
//	} catch(ex) {}
//}

// 맵이동시에 필요한것들
function mapMoved()
{
	Set_Serverxy();
	Set_clientxy();
	
	// 지역 바뀌기 바인딩
	conTactAreaSet();
	
	// 다른검색 4개의 바인딩
	searchFourBind();
}

// 지도 초기화
function fnReSetting()
{
	var point = new TPoint(495412, 1131562);
	CongnamulMap.clearOverlay();
	CongnamulMap.setCenter(point, 3);
}

// 줌체인지 일때 등록 아이콘 위치값 바꿔준다.
function zoomChanged()
{
	conTactAreaSet();
}

function sizeChanged() {
	//alert("sizeChanged");
}

function maptypeChanged() {
	//alert("maptypeChanged");
}

function mapAttributeChanged() {
	//alert("mapAttributeChanged");
}

/**
 * 지도의 모드 변경
 * @param mode
 * @return
 */
function setMode(mode) {
	CongnamulMap.setMode(mode);
}

/**
 * 현재 지도의 모드 값
 * @return
 */
function getMode() {
	alert("mode : " + CongnamulMap.getMode());
}

/**
 * 현재 지도의 중심 좌표
 * @return
 */
function getCenter() {
	var center = CongnamulMap.getCenter();
	alert("중심좌표 : " + center.x + ", " + center.y);
}

/**
 * 현재 지도의 영역
 * @return
 */
function getBound() {
	var bound = CongnamulMap.getBound(); 
	alert("지도 영역 {left : " + bound.left + ", bottom : " + bound.bottom + ", right : " + bound.right + ", top : " + bound.top + "}");
}

/**
 * 현재 지도의 픽셀 사이즈
 * @return
 */
function getSize() {
	var size = CongnamulMap.getSize(); 
	alert("지도 픽셀 크기 : {width : " + size.width + ", height : " + size.height + "}");
}

/**
 * 지도의 좌표 폭 (너비, 높이)
 * @return
 */
function getRealSize(){
	var realsize = CongnamulMap.getRealSize(); 
	alert("지도의 좌표 폭 : {너비 : " + realsize.width + ", 높이 : " + realsize.height + "}");
}

/**
 * 지도 레벨
 * @return
 */
function getLevel(){
	alert("레벨값 : " + CongnamulMap.getLevel());
}

/**
 * 지도 스케일 값
 * @return
 */
function getScale(){
	alert("스케일값 : " + CongnamulMap.getScale());
}

/**
 * 선 그리기
 * @return
 */
function drawLine() {
	// 선 시작 좌표
	var point1 = new TPoint(506072, 1110709);
	// 선 끝 좌표
	var point2 = new TPoint(506799, 1109717);
	
	// 선에 대한 옵션 값들
	var options = {
		strokeWeight : "3",			// 선 두께
		strokeColor : "#f10000",	// 선 색상
		strokeOpacity : "0.6",		// 선 투명도 (1이면 불투명)
		fillColor1 : "transparent",	// 선 채움 (효과 의미 없음 : 그대로 사용 요망)
		fillOpacity : "0.0",		// 선 채움 투명도 (효과 의미 없음 : 그대로 사용 요망)
		dashStyle : "solid"			// 선 스타일
	};
	
	//선 그리기 API 실행 (그룹 아이디, 고유 아이디, 시작포인트, 끝 포인트, 옵션)
	CongnamulMap.drawLine(1, 1, point1, point2, options);
	
	//모든 Draw를 한 후에는 redraw를 해줘야만 화면에 나타난다.
	//여러개를 그릴 경우에는 여러개 draw를 선언한 후에 최종적으로 redraw를 한번만 실행해야 속도가 빠르다.
	CongnamulMap.redraw();
}

/**
 * 여러개의 연결된 선 (폴리라인) 그리기
 * @return
 */
function drawPolyline() {
	//여러 포인트 정보를 담은 배열 선언
	var points = new Array();
	points[points.length] = new TPoint(505000, 1109977); 
	points[points.length] = new TPoint(504857, 1110719);
	points[points.length] = new TPoint(505499, 1110849);
	points[points.length] = new TPoint(506687, 1110882);
	
	// drawLine과 동일안 옵션 구조
	var options = {
		strokeWeight : "1",
		strokeColor : "#f100f1",
		strokeOpacity : "0.6",
		fillColor1 : "transparent",
		fillOpacity : "0.0",
		dashStyle : "solid"
	};
	
	// 폴리 라인 그리기 (그룹 아이디, 고유 아이디, 포인트좌표들, 옵션)
	CongnamulMap.drawPolyline(1, 2, points, options);
	CongnamulMap.drawClickableMark(7, 12, 7, new TPoint(505000, 1109977), "클릭 마크", {x:0, y:5}, "http://blog.hometown.co.kr", {width:300, height:200});
	CongnamulMap.redraw();
}

/**
 * 원 그리기
 */ 
function drawCircle() {
	// 원의 중심 좌표 시정
	var center = new TPoint(505997, 1109977);
	
	// 원의 반지름을 미터 단위로 지정
	var radius = 200;
	
	// 원의 옵션
	var options = {
		strokeWeight : "3",			// 원 테두리 두께
		strokeColor : "#0000f1",	// 원의 테두리 색상
		strokeOpacity : "0.6",		// 원의 테두리 투명도
		fillColor1 : "#ff0000",		// 원 내부의 채움 색상
		fillOpacity : "0.2"			// 원 내부의 채움 투명도 (1이면 불투명, 0이면 완전 투명)
	};
	
	// 원 그리기 API 실행 (그룹 아이디, 고유 아이디, 중심 좌표, 반지름, 옵션)
	CongnamulMap.drawCircle(2, 3, center, radius, options);
	
	CongnamulMap.redraw();
}

/**
 * 타원 그리기
 * @return
 */
function drawOval() {
	// 타원의 MBR (타원을 포함하는 최소 사각형을 지정)
	
	// 사각형 최소 좌표 (좌하단)
	var minPoint = new TPoint(505997, 1109977);
	
	// 사각형 최대 좌표(우상단)
	var maxPoint = new TPoint(506880, 1110515);
	
	// 옵션값은 Circle과 동일
	var options = {
		strokeWeight : "3",
		strokeColor : "#f10000",
		strokeOpacity : "0.6",
		fillColor1 : "#00ff00",
		fillOpacity : "0.2"	
	};
	
	// 타원 그리기 API 실행 (그룹 아이디, 고유 아이디, 좌하단 좌표, 우상단 좌표, 옵션)
	CongnamulMap.drawOval(3, 4, minPoint, maxPoint, options);
	
	CongnamulMap.redraw();
}

/**
 * 사각형 그리기
 * @return
 */
function drawRect() {
	// 사각형 최소 좌표 (좌하단)
	var minPoint = new TPoint(505048, 1109940);
	
	// 사각형 최대 좌표(우상단)
	var maxPoint = new TPoint(506000, 1110500);
	
	// 옵션값은 Circle과 동일
	var options = {
		strokeWeight : "3",
		strokeColor : "#0000f1",
		strokeOpacity : "0.6",
		fillColor1 : "#00f100",
		fillOpacity : "0.2"	
	};
	
	// 사각형 그리기 API 실행 (그룹 아이디, 고유 아이디, 좌하단 좌표, 우상단 좌표, 옵션)
	CongnamulMap.drawRect(4, 5, minPoint, maxPoint, options);
	CongnamulMap.redraw();
}

/**
 * 폴리곤 그리기
 * @return
 */
function drawPolygon() {
	//폴리곤을 구성할 좌표 배열 선언
	var points = new Array();
	points[points.length] = new TPoint(506333, 1110343); 
	points[points.length] = new TPoint(505498, 1109985);
	points[points.length] = new TPoint(506278, 1109568);
	
	// 옵션값 : circle, rectangle 과 동일
	var options = {
		strokeWeight : "3",
		strokeColor : "#00ff00",
		strokeOpacity : "0.6",
		fillColor1 : "#ffff00",
		fillOpacity : "0.2"	
	};
	
	// 폴리곤 그리기 API (그룹 아이디, 고유 아이디, 폴리곤 구성 포인트 배열, 옵션)
	CongnamulMap.drawPolygon(5, 6, points, options);
	CongnamulMap.redraw();
}

/**
 * 텍스트 넣기
 * @return
 */
function drawText() {
	// 텍스트가 쓰여질 위치의 좌표
	var point = new TPoint(505875, 1110597);
	
	// 옵션 값
	var options = {
		backgroundColor : "transparent",	// 배경 색상, html color값
		fillOpacity : "0",
		border : "solid 0px #0000ff",		// 테두리 설정
		fontFamily : "돋움,돋움체,dotum,sans-serif",	// 글꼴 설정
		fontColor : "#333333",				// 글씨 색상 설정
		fontSize : "11px",					// 글씨 크기 설정
		fontWeight : "normal",				// 글씨 두께 설정 bold, normal
		textAlign : "center"				// 배열 설정
	};
	
	// 텍스트에 쓰여질 문구
	var message = "<h1>테스트 텍스트</h1>"; 
	
	// 텍스트 API 실행 (그룹 아이디, 고유 아이디, 위치값, 문구, 옵션)
	CongnamulMap.drawText(6, 7, point, message, options); 
	
	CongnamulMap.redraw();
}

/**
 * 지도 위에 간단한 심볼 마크 넣기
 * @return
 */
function drawSimpleMark() {
	// 심볼 이미지로 사용할 icon을 지정, 한번 지정한 것을 여러번 재사용 가능
	// ICon 추가 API (아이콘 고유아이디, 이미지 URL, 이미지 사이즈, 이미지 쉬프트 값)
	// 이미지 쉬프트는 심볼 이미지의 형태에 따라서 해당 포인트를 가르키는 방향을 맞추어 이동시켜보면서 조절해야함
	CongnamulMap.setIcon(2, "http://biz.congnamul.com/TMap/symbols/40000.png", new TSize(17, 20), new TPoint(-15, -20));

	//심플 심볼 API (그룹 아이디, 고유 아이디, 아이콘 고유아이디, 마크 위치 좌표, 마크 명칭, 마크 툴팁(인포윈도우), 마크 클릭시 이동할 URL, 마크 클릭시 이동할 URL을 어떤 윈도우에 실행할지 타깃 지정)

	// 특정 웹페이지로 툴팁(인포윈도우)를 꾸밀 경우
	CongnamulMap.drawSimpleMark(7, 9, 2, new TPoint(505200, 1109500), "심플마크", "http://" + document.domain + ":8080/TMapClient/tooltip.html", "http://blog.hometown.co.kr", "_blank");

	// 일반 텍스트로 툴팁(인포윈도우)를 꾸밀 경우
	CongnamulMap.drawSimpleMark(7, 10, 2, new TPoint(505500, 1109500), "심플마크2", "툴팁은 텍스트로도 됩니다.", "http://blog.hometown.co.kr", "_blank");

	CongnamulMap.redraw();
}

/**
 * 사용자 정의가 살짝 강화된 마크
 */
function drawAdvancedMark() {
	// 심볼 이미지로 사용할 icon을 지정, 한번 지정한 것을 여러번 재사용 가능
	// ICon 추가 API (아이콘 고유아이디, 이미지 URL, 이미지 사이즈, 이미지 쉬프트 값)
	// 이미지 쉬프트는 심볼 이미지의 형태에 따라서 해당 포인트를 가르키는 방향을 맞추어 이동시켜보면서 조절해야함
	CongnamulMap.setIcon(6, "http://biz.congnamul.com/TMap/symbols/5003.gif", new TSize(32, 28), new TPoint(-15, -20));

	//심플 심볼 API (그룹 아이디, 고유 아이디, 아이콘 고유아이디, 마크 위치 좌표, 마크 명칭, 마크 툴팁(인포윈도우), 마크 클릭시 이동할 URL, 마크 클릭시 이동할 URL을 어떤 윈도우에 실행할지 타깃 지정)

	// 특정 웹페이지로 툴팁(인포윈도우)를 꾸밀 경우, label값의 배치를 위한 API 추가, infowindow size 조절 API 추가
	CongnamulMap.drawAdvancedMark(7, 11, 6, new TPoint(505250, 1110000), "ADV마크", {x:0, y:5}, "http://www.daum.net", {width:300, height:300},"http://blog.hometown.co.kr", "_blank");
	
	CongnamulMap.redraw();
}

/**
 * 사용자 정의가 살짝 강화된 마크
 
 */
function drawClickableMark() {
	// 심볼 이미지로 사용할 icon을 지정, 한번 지정한 것을 여러번 재사용 가능
	// ICon 추가 API (아이콘 고유아이디, 이미지 URL, 이미지 사이즈, 이미지 쉬프트 값)
	// 이미지 쉬프트는 심볼 이미지의 형태에 따라서 해당 포인트를 가르키는 방향을 맞추어 이동시켜보면서 조절해야함
	CongnamulMap.setIcon(7, "http://biz.congnamul.com/TMap/symbols/5003.gif", new TSize(32, 28), new TPoint(-15, -20));

	//심플 심볼 API (그룹 아이디, 고유 아이디, 아이콘 고유아이디, 마크 위치 좌표, 마크 명칭, 마크 툴팁(인포윈도우), 마크 클릭시 이동할 URL, 마크 클릭시 이동할 URL을 어떤 윈도우에 실행할지 타깃 지정)

	// 특정 웹페이지로 툴팁(인포윈도우)를 꾸밀 경우, label값의 배치를 위한 API 추가, infowindow size 조절 API 추가
	CongnamulMap.drawClickableMark(7, 12, 7, new TPoint(505250, 1110500), "클릭 마크", {x:0, y:5}, "http://blog.hometown.co.kr", {width:300, height:200});
	
	CongnamulMap.redraw();
}

/**
 * 마크 추가하기
 * 정석으로 모든 설정을 임의로 할 수 있는 마크이며 설정이 복잡할 수 있으므로 간단히 사용할때는 simpleMark를 사용하기 바람
 * @return
 */
function drawMark() {
	// 아이콘 이미지 설정
	CongnamulMap.setIcon(1, "http://biz.congnamul.com/TMap/symbols/defaultPointSymbol.gif", new TSize(20, 20), new TPoint(-10, -20));
	
	// 마크가 찍힐 위치 좌표
	var point = new TPoint(505100, 1109977);
	
	// 툴팁에 사용할 인포윈도우 설정
	var infoWin = {
		contents : "http://" + document.domain + ":8080/TMapClient/tooltip.html",	// 보여질 컨텐츠 URL 또는 텍스트
		options : {				// 인포윈도우 설정
			removable : true, 	// X표를 눌러서 닫을 수 있게 할 것인지
	 		zindex : 2,			// zindex값에 따라서 여러개의 다른 그래픽 요소들 위에 보일 것인지 여부 설정
	 		show : false, 		// 기본으로 보여질 것인지 여부
	 		width : 300, 		// 창의 너비
	 		height : 200, 		// 창의 높이
	 		type : "http" 		// 인포 윈도우 형태 : tag/http
		}
	};

	// Mark의 옵션 값
	var options = {
 		mark : 1,						// 아이콘 고유 번호 (0 인 경우 기본 심볼 사용)
 		removable:false, 				// 심볼을 사제할 수 있는지 여부 (X표가 나타남)
 		clickable:true, 				// 클릭가능하도록 설정
 		infowindow_mouseover:false,		// 아이콘 이미지에 마우스를 댈 경우 인포윈도우가 나타나게 할 것인지 여부 
// 		link : {url:"http://www.daum.net", target:"returnAction"},	// 클릭시 특정 URL로 연결하도록 설정 (URL값, 타킷 윈도우 명)
// 		link : {url:"javascript:aaa()", target:"returnAction"},	// 클릭시 특정 URL로 연결하도록 설정 (URL값, 타킷 윈도우 명)
 		label : "테스트 심볼",			// 아이콘 이미지 하단에 나타날 명칭 레이블
 		label_offset : {"x":-5, "y":3},	// 레이블위 위치 조정 (지정 좌표로부터 얼마나 뗄지)
 		editableLabel : false,			// 레이블 수정가능하도록 설정할지 여부 
 		infowindow: infoWin				// 인포윈도우 지정
	};

	// 마크 API (그룹 아이디, 고유 아이디, 위치할 좌표, 옵션)
	CongnamulMap.drawMark(7, 8, point, options);

	CongnamulMap.redraw();
}

/**
 * 지정한 마크를 보여주도록 하는 함수
 * @return
 */
function showMark() {
	// 지정 마크 보여주도록 호출 (고유 아이디)
	CongnamulMap.showMark(8);
	CongnamulMap.redraw();
}

/**
 * 지정한 그룹내의 모든 마크를 보여주도록 하는 함수
 * @return
 */
function showMarks() {
	// 지정 그룹의 모든 마크를 보여주도록 호출 (그룹 아이디)
	CongnamulMap.showMarks(7);
	CongnamulMap.redraw();
}

/**
 * 마크를 감춰주도록 하는 함수
 * @return
 */
function hideMark() {
	// 지정한 고유아이디의 마크를 감춤 (삭제되지 않으면 보이지만 않음)
	CongnamulMap.hideMark(8);
	CongnamulMap.redraw();
}

/**
 * 지정한 그룹의 마크를 감춰주도록 하는 함수
 * @return
 */
function hideMarks() {
	// 지정한 그룹 아이디의 모든 마크를 감춤 (삭제되지 않으면 보이지만 않음)
	CongnamulMap.hideMarks(7);
	CongnamulMap.redraw();
}

/**
 * 지정한 인포윈도우를 보이도록 함
 * @return
 */
function showInfoWindow() {
	// 마크 고유 아이디를 통해서 인포윈도우를 보여줌
	CongnamulMap.showInfoWindow(9);
}

/**
 * 지정한 인포윈도우를 감춤
 * @return
 */
function hideInfoWindow() {
	// 마크 고유 아이디를 통해서 인포윈도우를 감춤
	CongnamulMap.hideInfoWindow(9);
}

/**
 * 지정한 고유 아이디와 타입을 가진 객체를 삭제함
 * @param idx
 * @return
 */
function removeOne(idx) {
	// 지정한 요소를 삭제
	// API (고유아이디, 그래픽 타입 : line, polyline, circle, polygon, mark, etc...)
	CongnamulMap.remove(idx, 'mark');
}

/**
 * 그룹으로 그래픽 요소 삭제
 * @param idx
 * @return
 */
function removeGroup(idx) {
	// 지정한 그룹 인덱스와 그래픽 타입을 갖는 항목들 삭제
	CongnamulMap.removeGroup(idx, 'mark');
}

function DOM(id)
{
	return document.getElementById(id);
}
//]]>