////// 03.3.6 김윤식, validateData 함수를 북나비 객체도 사용할 수 있도록 수정 /////
function validateData(data) {
	if (data.POIInfoList) {
		var list = data.POIInfoList;

		data.CID = list.cid ? list.cid : list.article_id;
		data.PROVIDER = list.provider_icon_path;
		data.POI_NM = data.POIName;

		var point = data.Point.split(",");
		data.XPOS = point[0];
		data.YPOS = point[1];

		data.TITLE = list.title ? list.title : "";
		data.SUMMARY = list.summary ? list.summary : "";
		data.IMG_YN = list.img_yn ? list.img_yn : "N";
		data.TEL = data.TEL ? data.TEL : data.Tel;
		data.ADDRESS = data.ADDRESS ? data.ADDRESS : data.Address;

		if (data.imagePath) {
			var imgs = data.imagePath.split(",");

			for (var i = 0; i < 10; i++)
				data["THUMB_IMG" + (i + 1)] = imgs[i];
		} else if (list.thumb_imgs) {
			var imgs = list.thumb_imgs.split(",");

			for (var i = 0; i < 10; i++)
				data["THUMB_IMG" + (i + 1)] = imgs[i];
		} else {
			for (var i = 1; i <= 10; i++)
				data["THUMB_IMG" + i] = list["thumb_img" + i];
		}
	}

	if (!data.CATEGORY && data.WPC)
		data.CATEGORY = data.WPC.type;

	if (!data.TITLE || (data.TITLE && data.TITLE.strip() == "")) {
		if (data.SUMMARY)
			data.TITLE = data.SUMMARY.truncate(20);

		if (data.TITLE && data.TITLE.strip() == "")
			data.TITLE = data.POI_NM;
	}

	if (!data.POI_NM)
		data.POI_NM = data.TITLE;

	data.THUMB_IMG = data.THUMB_IMG3 ? data.THUMB_IMG3 : NO_IMAGE;
	data.LARGE_IMG = data.THUMB_IMG9;

	if (!data.PROVIDER)
	{
		if(data.ICON_PATH && data.ICON_FILE_NM)
			data.PROVIDER = data.ICON_PATH + data.ICON_FILE_NM;
	}
	
	if (!data.POI)
		data.POI = data.ID;

	if (!data.ID)
		data.ID = data.POI;

	if (!data.IMAGE)
	{
		if(data.IMG_PATH && data.IMG_FILE_NM)
			data.IMAGE = data.IMG_PATH + data.IMG_FILE_NM;
	}

	if (!data.ARTICLES)
		data.ARTICLES = [];

	if (!data.ADDRESS)
		data.ADDRESS = data.JUSO;
		
	if(data.SIGUNGUDONGRI)
		data.ADDRESS = data.SIGUNGUDONGRI;
		
	if(data.JUSO1)
		data.ADDRESS = data.JUSO1;
		
//	if(data.TEL_RNO && data.TEL_GNO && data.TEL_BNO)
//		data.TEL = data.TEL_RNO + "-" + data.TEL_GNO + "-" + data.TEL_BNO;
		
//////////////////////////////////////////////////////////////////////

if(data.pointX && data.pointY)	//북나비 주변지 정보 보기 선택시
{
	if (data.address) {

		data.CID = data.pid;
		data.POI_NM = data.name;

		data.XPOS = data.pointX;
		data.YPOS = data.pointY;

		data.TITLE = data.desc;
		data.TEL = data.phone;
		data.ADDRESS = data.address;
		data.SUMMARY = data.summary;
	}

	if (data.cate)
		data.CATEGORY = data.cate;

	if (!data.ARTICLES)
		data.ARTICLES = [];
	if (data.poi)
	{
		data.POI = data.poi;
		data.ID = data.poi;
	}
}
///////////////////////////////////////////////////////////////////////////
	return data;
}

function createMarker(type, data, icon) {
	var point = new WitPoint(data.XPOS, data.YPOS);
	var balloon = createBalloon(type, data, icon.image, icon.iconSize.width, icon.iconSize.height);
	var marker = new WitMarker(point, icon);
	marker.setHtml(balloon);

	return marker;
}

function createIcon(num, imageURL, onImageURL, iconWidth, iconHeight) {
	var icon = new WitIcon();
	icon.image = imageURL.replace(/\?/, num);
	icon.onImage = onImageURL.replace(/\?/, num);
	icon.iconSize = new WitSize(iconWidth, iconHeight);
	icon.iconAnchor = new WitPoint(Math.floor(iconWidth / 2), Math.floor(iconHeight / 2));
	icon.infoWindowAnchor = new WitPoint(-3, -30);

	return icon;
}

function createBalloon(type, data, iconURL, iconWidth, iconHeight) {

	if (type == "POI")
		return createPOIBalloon(data, iconURL, iconWidth, iconHeight);
	else if (type == "ARTICLE")
		return createArticleBalloon(data, iconURL, iconWidth, iconHeight);
	else if (type == "THEME")
		return createThemeBalloon(data, iconURL, iconWidth, iconHeight);
	else if (type == "IMAGE")
		return createImageBalloon(data, iconURL, iconWidth, iconHeight);
	else if (type == "ADDRESS")
		return createAddressBalloon(data, iconURL, iconWidth, iconHeight);
	else if(type == "REVIEW")
		return createReviewBalloon(data, iconURL, iconWidth, iconHeight);
	else if(type == "LCODE")
		return createLcodeBalloon(data, iconURL, iconWidth, iconHeight);
	else if(type = "BIKE")
		return createBikeBalloon(data, iconURL, iconWidth, iconHeight);
}

//////////////// 08.4.2 김윤식 작성, LCODE검색 말풍선 ///////////////////////

function createLcodeBalloon(data, iconURL, iconWidth, iconHeight)
{
	var lCode = katechToLCode(new WitPoint(data.XPOS, data.YPOS));
	var balloon = '';
	balloon += '<table width="291" border="0" cellspacing="0" cellpadding="0">';
	balloon += '<tr>';
	balloon += '	<td height="26">';
	balloon += '		<table border="0" cellspacing="0" cellpadding="0">';
	balloon += '        <tr>';
	balloon += '            <td width="16" valign="top" style="padding-top:2px;"><img src="' + iconURL + '" width="' + iconWidth + '" height="' + iconHeight + '"></td>';
	
	if(data.POI_NM)
		balloon += '            <td width="255" valign="top" class="txt8" style="padding-top:1px;" align="left">' + data.POI_NM + '</td>';

	balloon += '			<td width="20"></td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td><img src="/images/common/balloon_line1.gif" width="291" height="2"></td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td style="padding-top:5px; padding-bottom:5px;">';
	balloon += '	    <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '	    <tr>';
	balloon += '            <td valign="top">';
	balloon += '	            <table width="95%" border="0" cellspacing="0" cellpadding="0">';
	
	if (data.JUSO1) {
		balloon += '            <tr>';
		balloon += '	            <td width="14"><img src="/images/common/balloon_icon1.gif" width="14" height="6"></td>';
		balloon += '                <td class="txt58" align="left">' + data.JUSO1 + '</td>';
		balloon += '            </tr>';
	}

	if (lCode) {
		balloon += '            <tr>';
		balloon += '	            <td width="14"><img src="/images/common/balloon_icon1.gif" width="14" height="6"></td>';
		balloon += '                <td class="txt58" align="left"> L코드 : ' + lCode + '</td>';
		balloon += '            </tr>';
	}

	balloon += '                </table>';
	balloon += '                <table width="95%" border="0" cellspacing="0" cellpadding="0">';
	
	balloon += '            <tr>';
	balloon += '	            <td width="14" valign="top" style="padding-top:4px;">&nbsp;</td>';
	balloon += '                <td class="txt62">&nbsp;</td>';
	balloon += '            </tr>';
	
	balloon += '                </table>';
	balloon += '            </td>';
	
	if(data.LARGE_IMG || data.THUMB_IMG)
	{
		if (data.LARGE_IMG && data.LARGE_IMG.strip() != "")
			balloon += '        <td width="102" valign="top"><a href="javascript:openImage(\'' + data.LARGE_IMG + '\')"><img src="' + data.THUMB_IMG + '" width="100" height="75" style="border:1px solid #e5e5e5;"></a></td>';
		else
			balloon += '		<td width="102" valign="top"><img src="' + data.THUMB_IMG + '" width="100" height="75" style="border:1px solid #e5e5e5;"></td>';
	}
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td>';
	balloon += '        <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '        <tr>';
	balloon += '            <td width="11"><img src="/images/common/balloon_option_bg1.gif" width="11" height="24"></td>';
	balloon += '            <td background="/images/common/balloon_option_bg3.gif">';
	balloon += '	            <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '                <tr>';
	balloon += '			        <td align="center" class="txt59"><a href="javascript:setPointAsEndInBalloon(' + data.XPOS + ',' + data.YPOS + ',\'' + data.POI_NM.stripTags() + '\')" onmousemove="setCursorPosition()" class="txt59">출발지 삼기</a></td>';
	balloon += '	                <td align="center"><img src="/images/common/balloon_slash.gif" width="3" height="13"></td>';
	balloon += '                    <td align="center" class="txt59"><a href="javascript:setPointAsStartInBalloon(' + data.XPOS + ',' + data.YPOS + ',\'' + data.POI_NM.stripTags() + '\')" onmousemove="setCursorPosition()" class="txt59">목적지 삼기</a></td>';
	balloon += '                    <td align="center"><img src="/images/common/balloon_slash.gif" width="3" height="13"></td>';
	if(data.ID)
		balloon += '                    <td align="center" class="txt59"><a href="javascript:checkLogin(openMyPOIRegister, ' + data.POI + ')" class="txt59">지점담기</a></td>';
	else
		balloon += '                    <td align="center" class="txt59">지점담기</td>';
	balloon += '                    <td align="center"><img src="/images/common/balloon_slash.gif" width="3" height="13"></td>';
	balloon += '                    <td align="center" class="txt59"><a href="javascript:magnifyMapPoint(' + data.XPOS + ',' + data.YPOS + ')" class="txt59">지점확대</a></td>';
	balloon += '                </tr>';
	balloon += '                </table>';
	balloon += '            </td>';
	balloon += '            <td width="11"><img src="/images/common/balloon_option_bg2.gif" width="11" height="24"></td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
	balloon += '</table>';

	return balloon;
}

///////////////// 08.3.20 김윤식 작성, 리뷰 말풍선 ///////////////////////

function createReviewBalloon(data, iconURL, iconWidth, iconHeight) {

	var balloon = '';
	balloon += '<table width="291" border="0" cellspacing="0" cellpadding="0">';
	balloon += '<tr>';
	balloon += '	<td height="26">';
	balloon += '		<table border="0" cellspacing="0" cellpadding="0">';
	balloon += '        <tr>';
	balloon += '            <td width="16" valign="top" style="padding-top:2px;"><img src="' + iconURL + '" width="' + iconWidth + '" height="' + iconHeight + '"></td>';
	
	if(data.TITLE)
		balloon += '            <td width="255" valign="top" class="txt8" style="padding-top:1px;" align="left"><a href="javascript:getPOI(' + data.POI + ',false)" class="txt8">' + data.TITLE.truncate(18) + '</a></td>';
	else if(!data.TITLE && data.POI_NM)
		balloon += '            <td width="255" valign="top" class="txt8" style="padding-top:1px;" align="left">' + data.POI_NM + '</td>';
	else
		balloon += '            <td width="255" valign="top" class="txt8" style="padding-top:1px;" align="left"><a href="javascript:getPOI(' + data.POI + ',false)" class="txt8">' + data.POI_NM.truncate(18) + '</a></td>';
	
	balloon += '			<td width="20"></td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td><img src="/images/common/balloon_line1.gif" width="291" height="2"></td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td style="padding-top:5px; padding-bottom:5px;">';
	balloon += '	    <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '	    <tr>';
	balloon += '            <td valign="top">';
	balloon += '	            <table width="95%" border="0" cellspacing="0" cellpadding="0">';

	if(data.POI)
	{
		balloon += '				<tr>';
		balloon += '					<td align="right" style="padding-bottom:7px;"><a href="javascript:getPOI(' + data.POI + ',false)"><img src="/images/common/balloon_btn_detail.jpg" width="49" height="14"></a></td>';
		balloon += '                </tr>';
	}
	balloon += '                </table>';
	balloon += '                <table width="95%" border="0" cellspacing="0" cellpadding="0">';
	
	if (data.CONTENTS) {
		balloon += '            <tr>';
		balloon += '	            <td width="14" valign="top" style="padding-top:4px;"></td>';
		balloon += '                <td class="txt62">' + data.CONTENTS.truncate(18) + '</td>';
		balloon += '            </tr>';
	}
	
	balloon += '            <tr>';
	balloon += '	            <td width="14" valign="top" style="padding-top:4px;">&nbsp;</td>';
	balloon += '                <td class="txt62">&nbsp;</td>';
	balloon += '            </tr>';

	if(data.TITLE && data.POI_NM)
	{
		balloon += '        <tr>';
		balloon += '	        <td width="14" valign="top" style="padding-top:4px;"><img src="images/common/balloon_icon1.gif" width="14" height="6"></td>';
		balloon += '            <td width="255" valign="top" class="txt8" style="padding-top:1px;" align="left"><a href="javascript:getPOI(' + data.POI + ',false)" class="txt8">' + data.POI_NM.truncate(18) + '</a></td>';
		balloon += '        </tr>';
	}	
	if (data.TITLE && data.ADDRESS) {
		balloon += '            <tr>';
		balloon += '		        <td width="14" valign="top" style="padding-top:4px;"><img src="/images/common/balloon_icon1.gif" width="14" height="6"></td>';
		balloon += '                <td class="txt62" align="left">' + data.ADDRESS + '</td>';
		balloon += '            </tr>';
	}
	if (data.REG_DATE) {
		
		var checkMonth = parseInt(data.REG_DATE.substring(4,6)) > 9 ? data.REG_DATE.substring(4,6) : parseInt(data.REG_DATE.substring(5,6));
		var checkDay = parseInt(data.REG_DATE.substring(6,8)) > 9 ? data.REG_DATE.substring(6,8) : parseInt(data.REG_DATE.substring(6,7));
			
		var regDateForm = data.REG_DATE.substring(0,4) + "년 " + checkMonth + "월 " + checkDay + "일";
	
		balloon += '            <tr>';
		balloon += '	            <td width="14" valign="top" style="padding-top:4px;"><img src="images/common/balloon_icon1.gif" width="14" height="6"></td>';
		balloon += '                <td class="txt62"> 등록일 : '+ regDateForm + '</td>';
		balloon += '            </tr>';
	}

	if (data.VOTE) {
		balloon += '            <tr>';
		balloon += '	            <td width="14"><img src="images/common/balloon_icon1.gif" width="14" height="6"></td>';
		balloon += '                <td class="txt58"> 추천수 : ' + data.VOTE + '회</td>';
		balloon += '            </tr>';
	}

	balloon += '                </table>';
	balloon += '            </td>';
	
	if(data.LARGE_IMG || data.THUMB_IMG)
	{
		if (data.LARGE_IMG && data.LARGE_IMG.strip() != "")
			balloon += '        <td width="102" valign="top"><a href="javascript:openImage(\'' + data.LARGE_IMG + '\')"><img src="' + data.THUMB_IMG + '" width="100" height="75" style="border:1px solid #e5e5e5;"></a></td>';
		else
			balloon += '		<td width="102" valign="top"><img src="' + data.THUMB_IMG + '" width="100" height="75" style="border:1px solid #e5e5e5;"></td>';
	}
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td>';
	balloon += '        <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '        <tr>';
	balloon += '            <td width="11"><img src="/images/common/balloon_option_bg1.gif" width="11" height="24"></td>';
	balloon += '            <td background="/images/common/balloon_option_bg3.gif">';
	balloon += '	            <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '                <tr>';
	balloon += '			        <td align="center" class="txt59"><a href="javascript:setPointAsEndInBalloon(' + data.XPOS + ',' + data.YPOS + ',\'' + data.POI_NM.stripTags() + '\')" onmousemove="setCursorPosition()" class="txt59">출발지 삼기</a></td>';
	balloon += '	                <td align="center"><img src="/images/common/balloon_slash.gif" width="3" height="13"></td>';
	balloon += '                    <td align="center" class="txt59"><a href="javascript:setPointAsStartInBalloon(' + data.XPOS + ',' + data.YPOS + ',\'' + data.POI_NM.stripTags() + '\')" onmousemove="setCursorPosition()" class="txt59">목적지 삼기</a></td>';
	balloon += '                    <td align="center"><img src="/images/common/balloon_slash.gif" width="3" height="13"></td>';
	if(data.ID)
		balloon += '                    <td align="center" class="txt59"><a href="javascript:checkLogin(openMyPOIRegister, ' + data.POI + ')" class="txt59">지점담기</a></td>';
	else
		balloon += '                    <td align="center" class="txt59">지점담기</td>';
	balloon += '                    <td align="center"><img src="/images/common/balloon_slash.gif" width="3" height="13"></td>';
	balloon += '                    <td align="center" class="txt59"><a href="javascript:magnifyMapPoint(' + data.XPOS + ',' + data.YPOS + ')" class="txt59">지점확대</a></td>';
	balloon += '                </tr>';
	balloon += '                </table>';
	balloon += '            </td>';
	balloon += '            <td width="11"><img src="/images/common/balloon_option_bg2.gif" width="11" height="24"></td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
	balloon += '</table>';

	return balloon;
}

///////////////// 08.3.6 김윤식 수정, 북나비-목적지정보 보기 말풍선 겸용 ///////////////////////
function createArticleBalloon(data, iconURL, iconWidth, iconHeight) {
	
	var balloon = '';
	balloon += '<table width="291" border="0" cellspacing="0" cellpadding="0">';
	balloon += '<tr>';
	balloon += '	<td height="26">';
	balloon += '		<table border="0" cellspacing="0" cellpadding="0">';
	balloon += '        <tr>';
	balloon += '            <td width="16" valign="top" style="padding-top:2px;"><img src="' + iconURL + '" width="' + iconWidth + '" height="' + iconHeight + '"></td>';
	
	if(data.TITLE)
		balloon += '            <td width="255" valign="top" class="txt8" style="padding-top:1px;" align="left"><a href="javascript:getDetail(' + data.CID + ')" class="txt8">' + data.TITLE.truncate(18) + '</a></td>';
	else
		balloon += '            <td width="255" valign="top" class="txt8" style="padding-top:1px;" align="left"><a href="javascript:getDetail(' + data.CID + ')" class="txt8">' + data.POI_NM.truncate(18) + '</a></td>';
	balloon += '			<td width="20"></td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td><img src="/images/common/balloon_line1.gif" width="291" height="2"></td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td style="padding-top:5px; padding-bottom:5px;">';
	balloon += '	    <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '	    <tr>';
	balloon += '            <td valign="top">';
	balloon += '	            <table width="95%" border="0" cellspacing="0" cellpadding="0">';
	if(data.SUMMARY)
	{
		balloon += '                <tr>';
		balloon += '                    <td class="txt64" align="left">' + data.SUMMARY.truncate(36) + '</td>';
		balloon += '				</tr>';
	}
	else
	{
		balloon += '                <tr>';
		balloon += '                    <td class="txt64" align="left"> &nbsp; </td>';
		balloon += '				</tr>';
	}
	balloon += '				<tr>';
	balloon += '					<td align="right" style="padding-bottom:7px;"><a href="javascript:getDetail(' + data.CID + ')"><img src="/images/common/balloon_btn_detail.jpg" width="49" height="14"></a></td>';
	balloon += '                </tr>';
	balloon += '                </table>';
	balloon += '                <table width="95%" border="0" cellspacing="0" cellpadding="0">';
	if(data.POI)
	{
		balloon += '                <tr>';
		balloon += '                    <td width="14"><img src="/images/common/balloon_icon1.gif" width="14" height="6"></td>';
		balloon += '                    <td class="txt61" align="left"><a href="javascript:getPOI(' + data.POI + ')" class="txt61">' + data.POI_NM + ' </a></td>';
		balloon += '                </tr>';
	}
	else
	{
		balloon += '                <tr>';
		balloon += '                    <td width="14"><img src="/images/common/balloon_icon1.gif" width="14" height="6"></td>';
		balloon += '                    <td class="txt61" align="left"> ' + data.POI_NM + ' </td>';
		balloon += '                </tr>';
	}

	if (data.ADDRESS) {
		balloon += '            <tr>';
		balloon += '		        <td width="14" valign="top" style="padding-top:4px;"><img src="/images/common/balloon_icon1.gif" width="14" height="6"></td>';
		balloon += '                <td class="txt62" align="left">' + data.ADDRESS + '</td>';
		balloon += '            </tr>';
	}

	if (data.TEL) {
		balloon += '            <tr>';
		balloon += '	            <td width="14"><img src="/images/common/balloon_icon1.gif" width="14" height="6"></td>';
		balloon += '                <td class="txt58" align="left">' + data.TEL + '</td>';
		balloon += '            </tr>';
	}

	balloon += '                </table>';
	balloon += '            </td>';
	
	if(data.LARGE_IMG || data.THUMB_IMG)
	{
		if (data.LARGE_IMG && data.LARGE_IMG.strip() != "")
			balloon += '        <td width="102" valign="top"><a href="javascript:openImage(\'' + data.LARGE_IMG + '\')"><img src="' + data.THUMB_IMG + '" width="100" height="75" style="border:1px solid #e5e5e5;"></a></td>';
		else
			balloon += '		<td width="102" valign="top"><img src="/' + data.THUMB_IMG + '" width="100" height="75" style="border:1px solid #e5e5e5;"></td>';
	}
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td>';
	balloon += '        <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '        <tr>';
	balloon += '            <td width="11"><img src="/images/common/balloon_option_bg1.gif" width="11" height="24"></td>';
	balloon += '            <td background="/images/common/balloon_option_bg3.gif">';
	balloon += '	            <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '                <tr>';
	balloon += '			        <td align="center" class="txt59"><a href="javascript:setPointAsEndInBalloon(' + data.XPOS + ',' + data.YPOS + ',\'' + data.POI_NM.stripTags() + '\')" onmousemove="setCursorPosition()" class="txt59">출발지 삼기</a></td>';
	balloon += '	                <td align="center"><img src="/images/common/balloon_slash.gif" width="3" height="13"></td>';
	balloon += '                    <td align="center" class="txt59"><a href="javascript:setPointAsStartInBalloon(' + data.XPOS + ',' + data.YPOS + ',\'' + data.POI_NM.stripTags() + '\')" onmousemove="setCursorPosition()" class="txt59">목적지 삼기</a></td>';
	balloon += '                    <td align="center"><img src="/images/common/balloon_slash.gif" width="3" height="13"></td>';
	if(data.ID)
		balloon += '                    <td align="center" class="txt59"><a href="javascript:checkLogin(openMyPOIRegister, ' + data.ID + ')" class="txt59">지점담기</a></td>';
	else
		balloon += '                    <td align="center" class="txt59">지점담기</td>';
	balloon += '                    <td align="center"><img src="/images/common/balloon_slash.gif" width="3" height="13"></td>';
	balloon += '                    <td align="center" class="txt59"><a href="javascript:magnifyMapPoint(' + data.XPOS + ',' + data.YPOS + ')" class="txt59">지점확대</a></td>';
	balloon += '                </tr>';
	balloon += '                </table>';
	balloon += '            </td>';
	balloon += '            <td width="11"><img src="/images/common/balloon_option_bg2.gif" width="11" height="24"></td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
	balloon += '</table>';

	return balloon;
}

function createThemeBalloon(data, iconURL, iconWidth, iconHeight) {
	var balloon = '';
	balloon += '<table width="291" border="0" cellspacing="0" cellpadding="0">';
	balloon += '<tr>';
	balloon += '    <td height="26">';
	balloon += '        <table border="0" cellspacing="0" cellpadding="0">';
	balloon += '        <tr>';
	balloon += '            <td width="16" valign="top" style="padding-top:2px;"><img src="' + iconURL + '" width="' + iconWidth + '" height="' + iconHeight + '"></td>';
	balloon += '            <td width="255" valign="top" class="txt8" style="padding-top:1px;"><a href="javascript:getThemeArticleList(' + data.ID + ')" class="txt8">' + data.TITLE.truncate(18) + '</a></td>';
	balloon += '            <td width="20"></td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td><img src="images/common/balloon_line1.gif" width="291" height="2"></td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td style="padding-top:5px; padding-bottom:5px;">';
	balloon += '        <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '        <tr>';
	balloon += '            <td valign="top">';
	balloon += '	            <table width="95%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '                <tr>';
	balloon += '                    <td class="txt64" style="padding-bottom:3px;">' + data.THEME_COPY.truncate(30) + '</td>';
	balloon += '                </tr>';
	balloon += '                <tr>';
	balloon += '                    <td class="txt7" style="padding-bottom:4px;" align="right"><a href="javascript:getThemeDetail(' + data.ID + ')" class="txt8"><img src="images/common/balloon_btn_thema.jpg"></a></td>';
	balloon += '                </tr>';
	balloon += '                </table>';
	balloon += '            </td>';
	balloon += '            <td width="102" valign="top"><a href="javascript:openImage(\'' + data.IMAGE + '\')"><img src="' + data.IMAGE + '" width="100" height="75" style="border:1px solid #e5e5e5;"></a></td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '        <table width="100%" border="0" cellspacing="0" cellpadding="0">';

	for (var j = 0; j < data.ARTICLES.length; j++) {
		var article = data.ARTICLES[j];

		if (article.TITLE == " " || article.TITLE == null)
			article.TITLE = article.POI_NM;

		balloon += '    <tr>';
		balloon += '        <td width="14" valign="top" style="padding-top:5px;"><img src="images/common/balloon_icon1.gif" width="14" height="6"></td>';
		balloon += '        <td valign="top" class="txt63" style="border-bottom:solid 1px #e5e5e5; "><a href="javascript:getDetail(' + article.CID + ')" class="txt63">' + article.TITLE.truncate(14) + ' </a></td>';
		balloon += '    </tr>';
	}

	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
/*
	balloon += '<tr>';
	balloon += '    <td>';
	balloon += '        <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '        <tr>';
	balloon += '            <td width="11"><img src="images/common/balloon_option_bg1.gif" width="11" height="24"></td>';
	balloon += '            <td background="images/common/balloon_option_bg3.gif">';
	balloon += '	            <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '                <tr>';
	balloon += '			        <td align="center" class="txt59"><a href="javascript:setPointAsEndInBalloon(' + data.XPOS + ',' + data.YPOS + ')" onmousemove="setCursorPosition()" class="txt59">출발지 삼기</a></td>';
	balloon += '	                <td align="center"><img src="images/common/balloon_slash.gif" width="3" height="13"></td>';
	balloon += '                    <td align="center" class="txt59"><a href="javascript:setPointAsEndInBalloon(' + data.XPOS + ',' + data.YPOS + ')" onmousemove="setCursorPosition()" class="txt59">목적지 삼기</a></td>';
	balloon += '                    <td align="center"><img src="images/common/balloon_slash.gif" width="3" height="13"></td>';
	balloon += '                    <td align="center" class="txt59"><a href="javascript:checkLogin(openMyPOIRegister, ' + data.ID + ')" class="txt59">지점담기</a></td>';
	balloon += '                    <td align="center"><img src="images/common/balloon_slash.gif" width="3" height="13"></td>';
	balloon += '                    <td align="center" class="txt59"><a href="javascript:magnifyMapPoint(' + data.XPOS + ',' + data.YPOS + ')" class="txt59">지점확대</a></td>';
	balloon += '                </tr>';
	balloon += '                </table>';
	balloon += '            </td>';
	balloon += '            <td width="11"><img src="images/common/balloon_option_bg2.gif" width="11" height="24"></td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
*/
	balloon += '</table>';

	return balloon;
}

function createPOIBalloon(data, iconURL, iconWidth, iconHeight) {

	var balloon = '';
	balloon += '<table width="290" border="0" cellspacing="0" cellpadding="0">';
	balloon += '<tr>';
	balloon += '    <td height="26">';
	balloon += '	    <table border="0" cellspacing="0" cellpadding="0">';
	balloon += '        <tr>';
	balloon += '            <td width="16" valign="top" style="padding-top:2px;"><img src="' + iconURL + '" width="' + iconWidth + '" height="' + iconHeight + '" /></td>';
	balloon += '            <td width="255" valign="top" class="txt8" style="padding-top:1px;"><a href="javascript:getPOI(' + data.ID + ',true)" class="txt8">' + data.POI_NM.truncate(18) + '</a></td>';
	balloon += '            <td width="20"></td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td><img src="images/common/balloon_line1.gif" width="291" height="2"></td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td style="padding-top:5px; padding-bottom:5px;">';
	balloon += '	    <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '        <tr>';
	balloon += '            <td valign="top">';
	balloon += '	            <table width="95%" border="0" cellspacing="0" cellpadding="0">';

	if (data.ADDRESS) {
		balloon += '            <tr>';
		balloon += '	            <td width="14" valign="top" style="padding-top:4px;"><img src="images/common/balloon_icon1.gif" width="14" height="6"></td>';
		balloon += '                <td class="txt62">' + data.ADDRESS + '</td>';
		balloon += '            </tr>';
	}

	if (data.TEL) {
		balloon += '            <tr>';
		balloon += '	            <td width="14"><img src="images/common/balloon_icon1.gif" width="14" height="6"></td>';
		balloon += '                <td class="txt58">' + data.TEL + '</td>';
		balloon += '            </tr>';
	}

	balloon += '                </table>';
	balloon += '            </td>';
	balloon += '            <td width="82"><img src="' + data.THUMB_IMG + '" width="80" height="60" style="border:1px solid #e5e5e5;"></td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
    balloon += '<tr>';
	balloon += '    <td>';
	balloon += '        <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '        <tr>';
	balloon += '            <td width="11"><img src="images/common/balloon_option_bg1.gif" width="11" height="24"></td>';
	balloon += '            <td background="images/common/balloon_option_bg3.gif">';
	balloon += '	            <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '                <tr>';
	balloon += '			        <td align="center" class="txt59"><a href="javascript:setPointAsEndInBalloon(' + data.XPOS + ',' + data.YPOS + ',\'' + data.POI_NM.stripTags() + '\')" onmousemove="setCursorPosition()" class="txt59">출발지 삼기</a></td>';
	balloon += '	                <td align="center"><img src="images/common/balloon_slash.gif" width="3" height="13"></td>';
	balloon += '                    <td align="center" class="txt59"><a href="javascript:setPointAsStartInBalloon(' + data.XPOS + ',' + data.YPOS + ',\'' + data.POI_NM.stripTags() + '\')" onmousemove="setCursorPosition()" class="txt59">목적지 삼기</a></td>';
	balloon += '                    <td align="center"><img src="images/common/balloon_slash.gif" width="3" height="13"></td>';
	balloon += '                    <td align="center" class="txt59"><a href="javascript:checkLogin(openMyPOIRegister, ' + data.ID + ')" class="txt59">지점담기</a></td>';
	balloon += '                    <td align="center"><img src="images/common/balloon_slash.gif" width="3" height="13"></td>';
	balloon += '                    <td align="center" class="txt59"><a href="javascript:magnifyMapPoint(' + data.XPOS + ',' + data.YPOS + ')" class="txt59">지점확대</a></td>';
	balloon += '                </tr>';
	balloon += '                </table>';
	balloon += '            </td>';
	balloon += '            <td width="11"><img src="images/common/balloon_option_bg2.gif" width="11" height="24"></td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
	balloon += '</table>';

	return balloon;
}

function createImageBalloon(data, iconURL, iconWidth, iconHeight) {
	var balloon = '';
	balloon += '<table width="300" border="0" align="center" cellpadding="0" cellspacing="0">';
	balloon += '<tr>';
	balloon += '	<td width="22"><img src="' + iconURL + '" width="' + iconWidth + '" height="' + iconHeight + '" /></td>';
	balloon += '	<td width="100%" height="35" class="txt8" align="left"><a href="javascript:getDetail(' + data.CID + ')"><strong>' + data.POI_NM + '</strong></a></td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '	<td height="15" colspan="2">';
	balloon += '		<table width="242" height="182" border="0" align="center" cellpadding="0" cellspacing="0">';
	balloon += '		<tr>';
	balloon += '			<td height="77" bgcolor="#e4e2e1"><div align="center"><a href="javascript:viewImage(\'' + data.POIInfoList.org_img_path + '\')"><img src="' + data.THUMB_IMG7 + '" width="340" height="180"></a></div></td>';
	balloon += '		</tr>';
	balloon += '        </table>';
	balloon += '	</td>';
	balloon += '</tr>';
	balloon += '<tr>';
	//balloon += '		<td height="35" colspan="2"><div align="right"><a href="#"><img src="images/search/search_btn_moreview.gif" width="63" height="14" border="0"></a></div></td>      ';
	balloon += '	<td height="35" colspan="2"><div align="right"></div></td>';
	balloon += '</tr>';
	balloon += '</table>';

	return balloon;
}

function createAddressBalloon(data, iconURL, iconWidth, iconHeight) {
	var balloon = '';
	balloon += '<table width="290" border="0" cellspacing="0" cellpadding="0">';
	balloon += '<tr>';
	balloon += '    <td height="26">';
	balloon += '        <table width="290" border="0" cellpadding="0" cellspacing="0">';
	balloon += '        <tr>';
	balloon += '            <td width="16" valign="top" style="padding-top:2px;"><img src="' + iconURL + '" width="' + iconWidth + '" height="' + iconHeight + '" /></td>';
	balloon += '            <td valign="top" class="txt60" style="padding-top:2px; padding-right:5px;">' + data.POI_NM + '</td>';
	balloon += '            <td width="20"></td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td style="padding-top:5px; padding-bottom:5px;" height="10"></td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td>';
	balloon += '        <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '        <tr>';
	balloon += '            <td width="11"><img src="images/common/balloon_option_bg1.gif" width="11" height="24"></td>';
	balloon += '            <td background="images/common/balloon_option_bg3.gif">';
	balloon += '	            <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '                <tr>';

	if(data.ID){
		balloon += '			        <td align="center" class="txt59"><a href="javascript:setPointAsEndInBalloon(' + data.XPOS + ',' + data.YPOS + ',\'' + data.POI_NM.stripTags() + '\')" onmousemove="setCursorPosition()" class="txt59">출발지 삼기</a></td>';
		balloon += '	                <td align="center"><img src="images/common/balloon_slash.gif" width="3" height="13"></td>';
		balloon += '                    <td align="center" class="txt59"><a href="javascript:setPointAsStartInBalloon(' + data.XPOS + ',' + data.YPOS + ',\'' + data.POI_NM.stripTags() + '\')" onmousemove="setCursorPosition()" class="txt59">목적지 삼기</a></td>';
		balloon += '                    <td align="center"><img src="images/common/balloon_slash.gif" width="3" height="13"></td>';
		balloon += '                    <td align="center" class="txt59"><a href="javascript:checkLogin(openMyPOIRegister, ' + data.ID + ')" class="txt59">지점담기</a></td>';
		balloon += '                    <td align="center"><img src="images/common/balloon_slash.gif" width="3" height="13"></td>';
		balloon += '                    <td align="center" class="txt59"><a href="javascript:magnifyMapPoint(' + data.XPOS + ',' + data.YPOS + ')" class="txt59">지점확대</a></td>';
	}else{
		balloon += '			        <td align="center" class="txt59"><a href="javascript:setPointAsEndInBalloon(' + data.XPOS + ',' + data.YPOS + ',\'' + data.POI_NM.stripTags() + '\')" onmousemove="setCursorPosition()" class="txt59">출발지 삼기</a></td>';
		balloon += '	                <td align="center"><img src="images/common/balloon_slash.gif" width="3" height="13"></td>';
		balloon += '                    <td align="center" class="txt59"><a href="javascript:setPointAsStartInBalloon(' + data.XPOS + ',' + data.YPOS + ',\'' + data.POI_NM.stripTags() + '\')" onmousemove="setCursorPosition()" class="txt59">목적지 삼기</a></td>';
		balloon += '                    <td align="center"><img src="images/common/balloon_slash.gif" width="3" height="13"></td>';
		balloon += '                    <td align="center" class="txt59"><a href="javascript:magnifyMapPoint(' + data.XPOS + ',' + data.YPOS + ')" class="txt59">지점확대</a></td>';
	}
	balloon += '                </tr>';
	balloon += '                </table>';
	balloon += '            </td>';
	balloon += '            <td width="11"><img src="images/common/balloon_option_bg2.gif" width="11" height="24"></td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
	balloon += '</table>';

	return balloon;
}

///////////////////////// 08. 7. 21 김윤식 작성 ////////////////////////////////
function createBikeBalloon(data, idx, gTime, iconURL, iconWidth, iconHeight)
{
	var balloon = '';
	balloon += '	<table width="200" border="0" cellspacing="0" cellpadding="0" background="/images/icon/bike_bg.gif">';
	balloon += '        <tr>';
	balloon += '            <td height="26">';
	balloon += '                <table border="0" cellspacing="0" cellpadding="0">';
	balloon += '                    <tr>';
	balloon += '                        <td width="20" valign="top" style="padding-top:2px;"><img src="' + iconURL + '" width="' + iconWidth + '" height="' + iconHeight + '"></td>';
	balloon += '                        <td width="150" valign="top" style="padding-top:1px;" align="left">' + data + '('+idx+')</td>';
	balloon += '                        <td width="30"></td>';
	balloon += '                    </tr>';
	balloon += '                </table>';
	balloon += '            </td>';
	balloon += '        </tr>';
	balloon += '        <tr>';
	balloon += '            <td><img src="/images/common/balloon_line1.gif" width="200" height="2"></td>';
 	balloon += '       </tr>';
 	balloon += '       <tr>';
 	balloon += '           <td style="padding-top:5px; padding-bottom:5px;">';
 	balloon += '               <table width="100%" border="0" cellspacing="0" cellpadding="0">';
 	balloon += '                   <tr>';
 	balloon += '                       <td valign="top">';
 	balloon += '                           <table width="95%" border="0" cellspacing="0" cellpadding="0">';
 	balloon += '                               <tr>';
 	balloon += '                                   <td width="14" valign="top" style="padding-top:4px;"></td>';
 	balloon += '                                   <td>'+ gTime +'</td>';
 	balloon += '                               </tr>';
 	balloon += '                           </table>';
 	balloon += '                       </td>';
	balloon += '                    </tr>';
 	balloon += '               </table>';
 	balloon += '           </td>';
 	balloon += '       </tr>';
	balloon += '	</table>';

	return balloon;
}

/*function makeBealoon(name, ablcCycle, totCycle, isUse, img){
		var strHtml = "";
		strHtml += '<div id="makeBalloon">'
		strHtml += '<table width="164" height="180" border="0" cellpadding="0" cellspacing="0" background="/images/icon/mp.gif">'
		strHtml += '  <tr>'
		strHtml += '  <td align="right"><img src="http://www.livemap.co.kr/images/common/balloon_btn_closed.gif" onclick="closeMakeBalloon()" style="cursor:pointer" /></td>'
		strHtml += '  </tr>'
		strHtml += '  <tr>'
		strHtml += '    <td width="152" colspan="2"><div align="left">'
		strHtml += '      <table width="164" border="0" cellpadding="0" cellspacing="0">'
		strHtml += '        <tr>'
		strHtml += '          <td width="18"><div align="center"><img src="/images/icon/icon.gif" width="6" height="9" /></div></td>'
		strHtml += '          <td width="122"><strong>'+name+'</strong></td>'
		strHtml += '          <td width="24" valign="top"></td>'
		strHtml += '        </tr>'
		if (isUse == 1) {
		strHtml += '        <tr>'
		strHtml += '          <td>&nbsp;</td>'
		strHtml += '          <td colspan="2">대여 가능한 자전거: '+ablcCycle+'대</td>'
		strHtml += '        </tr>'
		strHtml += '        <tr>'
		strHtml += '          <td>&nbsp;</td>'
		strHtml += '          <td colspan="2">반납 가능한 보관대: '+totCycle+'대</td>'
		strHtml += '        </tr>'
		} else {
			strHtml += '        <tr>'
			strHtml += '          <td>&nbsp;</td>'
			strHtml += '          <td colspan="2" align="center"><font color="red">사용 중지 (보도블럭공사)</font></td>'
			strHtml += '        </tr>'
			strHtml += '        <tr>'
			strHtml += '          <td>&nbsp;</td>'
			strHtml += '          <td colspan="2" align="center">기간1.8(목)~1.15(목)</td>'
			strHtml += '        </tr>'
		}
		strHtml += '        <tr>'
		strHtml += '          <td colspan="3"><div align="center"><img src="/upload/'+img+'" width="145" height="87" /></div></td>'
		strHtml += '        </tr>'
		strHtml += '      </table>'
		strHtml += '    </div></td>'
		strHtml += '  </tr>'
		strHtml += '</table>'
		strHtml += '</div>'
		return strHtml;
	}*/

function makeBealoon(name, ablcCycle, totCycle, isUse, img){
	var strHtml = "";
	strHtml += '<div id="makeBalloon">'	
	strHtml += '<table width="168" border="0" cellpadding="0" cellspacing="0">'
	strHtml += '  <tr>'
	strHtml += '    <td><img src="/images/station/mp01.gif" width="168" height="11" /></td>'
	strHtml += '  </tr>'
	strHtml += '  <tr>'
	strHtml += '    <td background="/images/station/mp03.gif"><div align="center">'
	strHtml += '        <table width="145" border="0" cellpadding="0" cellspacing="0">'
	strHtml += '          <tr> '
	strHtml += '            <td width="131" height="20"><div align="left"><strong><img src="/images/icon/icon.gif" width="6" height="9" align="absmiddle" /> '+name+'</strong></div></td>'
	strHtml += '            <td width="14" valign="top"><div align="right"><img src="/images/station/mp04.gif" width="13" height="13" align="top" onclick="closeMakeBalloon()" style="cursor:pointer" /></div></td>'
	strHtml += '          </tr>'
	if (isUse == 1) {
		strHtml += '          <tr> '
		strHtml += '            <td height="15" colspan="2">대여 가능한 자전거 : <font color="#009900">'+ablcCycle+'대</font></td>'
		strHtml += '          </tr>'
		strHtml += '          <tr> '
		strHtml += '            <td height="15" colspan="2">반납 가능한 보관대 : '+totCycle+'대</td>'
		strHtml += '          </tr>'
	} else {
		strHtml += '        <tr>'
		strHtml += '          <td height="15" colspan="2" align="center"><font color="red">사용 중지</font></td>'
		strHtml += '        </tr>'
		strHtml += '        <tr>'
		strHtml += '          <td height="15" colspan="2" align="center">공사중</td>'
		strHtml += '        </tr>'
	}
	strHtml += '          <tr> '
	strHtml += '            <td height="10" colspan="2"></td>'
	strHtml += '          </tr>'
	strHtml += '          <tr> '
	strHtml += '            <td colspan="2"><img src="/upload/'+img+'" width="145" height="87" /></td>'
	strHtml += '          </tr>'
	strHtml += '        </table>'
	strHtml += '      </div></td>'
	strHtml += '  </tr>'
	strHtml += '  <tr>'
	strHtml += '    <td><img src="/images/station/mp02.gif" width="168" height="19" /></td>'
	strHtml += '  </tr>'
	strHtml += '</table>'
	strHtml += '</div>'
	return strHtml;
}

function makeBealoonKiosk(name, ablcCycle, totCycle, addr){
	var strHtml = "";
	strHtml += '<div id="makeBalloon">'	
	strHtml += '<table width="168" border="0" cellpadding="0" cellspacing="0">'
	strHtml += '  <tr>'
	strHtml += '    <td><img src="/images/station/mp01.gif" width="168" height="11" /></td>'
	strHtml += '  </tr>'
	strHtml += '  <tr>'
	strHtml += '    <td background="/images/station/mp03.gif"><div align="center">'
	strHtml += '        <table width="145" border="0" cellpadding="0" cellspacing="0">'
	strHtml += '          <tr> '
	strHtml += '            <td height="20" colspan="2"><div align="left"><strong><img src="/images/icon/icon.gif" width="6" height="9" align="absmiddle" /> '+name+'</strong></div></td>'
	//strHtml += '            <td width="14" valign="top"><div align="right"><img src="/images/station/mp04.gif" width="13" height="13" align="top" onclick="closeMakeBalloon()" style="cursor:pointer" /></div></td>'
	strHtml += '          </tr>'
	strHtml += '          <tr> '
	strHtml += '            <td height="15" colspan="2">대여 가능한 자전거 : <font color="#009900">'+ablcCycle+'대</font></td>'
	strHtml += '          </tr>'
	strHtml += '          <tr> '
	strHtml += '            <td height="15" colspan="2">반납 가능한 보관대 : '+totCycle+'대</td>'
	strHtml += '          </tr>'
	strHtml += '          <tr> '
	strHtml += '            <td height="15" colspan="2">위치 : '+addr+'</td>'
	strHtml += '          </tr>'
	strHtml += '          <tr> '
	strHtml += '            <td height="10" colspan="2"></td>'
	strHtml += '          </tr>'
	strHtml += '        </table>'
	strHtml += '      </div></td>'
	strHtml += '  </tr>'
	strHtml += '  <tr>'
	strHtml += '    <td><img src="/images/station/mp02.gif" width="168" height="19" /></td>'
	strHtml += '  </tr>'
	strHtml += '</table>'
	strHtml += '</div>'
	return strHtml;
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function createHtml(type, data, icon, num) {
	if (type == "ARTICLE")
		return createArticleHtml(data, icon, num);
	else if (type == "POI")
		return createPOIHtml(data, icon, num);
	else if (type == "IMAGE")
		return createImageHtml(data, icon, num);
	else if (type == "THEME")
		return createThemeHtml(data, icon, num);
	else if (type == "ADDRESS")
		return createAddressHtml(data, icon, num);
}

function createArticleHtml(data, icon, num) {
	var html = '';
	html += '<table width="395" border="0" align="center" cellpadding="0" cellspacing="0">';
	html += '<tr align="left">';
	html += '	<td>';
	html += '		<table width="390" border="0"  cellpadding="0" cellspacing="0">';
	html += '		<tr onmouseover="markerOn(' + num + ')" onmouseout="markerOff(' + num + ')">';
	html += '			<td width="25" class="pad1"><a href="javascript:openBalloon(' + num + ')"><img src="' + icon.image + '" width="' + icon.iconSize.width + '" height="' + icon.iconSize.height + '" /></a></td>';
	html += '			<td height="25" class="sch_txt8"><a href="javascript:getDetail(' + data.CID + ')">' + data.TITLE + '</a></td>';
//	html += '			<td height="25" class="sch_txt8"><a href="javascript:openBalloon(' + num + ')">' + data.TITLE + '</a></td>';
//	html += '			<td style="text-align:right;"><img src="' + data.PROVIDER + '" width="41" height="14" /></td>';
	html += '			<td style="text-align:right"><a href="javascript:showPOIRoadSearch(\'' + data.POI_NM + '\',' + data.XPOS + ',' + data.YPOS + ',' + data.CID + ')" onmousemove="setCursorPosition()"><img src="images/travel/btn_booknavi_list.gif" width="57" height="16" border="0" /></a></td>';
	html += '		</tr>';
	html += '       <tr>';
	html += '           <td width="25" class="pad1">&nbsp;</td>';
	html += '           <td height="13" class="txt34"><span class="txt4">지점 </span>: <a href="javascript:getPOI(' + data.POI + ')">' + data.POI_NM + '</a></td>';
	html += '           <td width="55" align="right"></td>';
	html += '       </tr>';
	html += '       </table>';
	html += '	</td>';
	html += '</tr>';
	html += '<tr>';
	html += '   <td height="5">';
	html += '       <div align="center"><img src="images/common/list_line1.gif" width="390" height="1" /></div>';
	html += '   </td>';
	html += '</tr>';
	html += '</table>';

	return html;
}

function createThemeHtml(data, icon, num) {
	var html = '';
	html += '<table width="395" border="0" align="center" cellpadding="0" cellspacing="0">';
	html += '<tr>';
	html += '   <td width="405">';
	html += '		<table width="390" border="0" align="left" cellpadding="0" cellspacing="0">';
	html += '		<tr height="3">';
	html += '			<td colspan="3">';
	html += '		</tr>';
	html += '       <tr valign="top" align="left" onmouseover="markerOn(' + num + ')" onmouseout="markerOff(' + num + ')">';
	html += '			<td width="30"><a href="javascript:openBalloon(' + num + ')"><img src="' + icon.image + '" width="' + icon.iconSize.width + '" height="' + icon.iconSize.height + '"></a></td>';
	html += '           <td height="40" class="txt2" align="left"><a href="javascript:getThemeArticleList(' + data.ID + ')">' + data.TITLE + '</a></td>';
	html += '           <td class="pad1"><div align="right"><a href="javascript:getThemeArticleList(' + data.ID + ')"><img src="images/icon/btn_more.gif" width="39" height="13" border="0"></a></div></td>';
	html += '       </tr>';
	html += '    	</table>';
	html += '	</td>';
	html += '</tr>';
	html += '<tr>';
	html += '	<td>';
	html += '		<table width="390" border="0" align="left" cellpadding="0" cellspacing="0">';
	html += '		<tr>';
	html += '			<td width="80"><div align="left"><img src="' + data.IMAGE + '" width="73" height="55" style="border-color:#d9d9d9; border-style:solid 1px; "></div></td>';
	html += '           <td width="310">';
	html += '        		<table width="310" align="left" border="0" cellspacing="0" cellpadding="0">';

	for (var j = 0; j < data.ARTICLES.length; j++) {
		var article = data.ARTICLES[j];

		if (article.TITLE == " " || article.TITLE == null)
			article.TITLE = article.POI_NM;

		html += '           <tr>';
		html += '				<td width="10" height="21"><img src="images/icon/dot1.gif" width="8" height="8"></td>';
		//html += '               <td width="236" class="txt9" align="left"><a href="javascript:openBalloon(' + num + ')">' + article.TITLE + '</a></td>';
		html += '               <td width="236" class="txt9" align="left"><a href="javascript:getDetail(' + article.CID + ')">' + article.TITLE + '</a></td>';
		html += '               <td width="64"><div align="right"><a href="javascript:showPOIRoadSearch(\'' + article.POI_NM + '\',' + article.XPOS + ',' + article.YPOS + ',' + article.CID + ')" onmousemove="setCursorPosition()"><img src="images/travel/btn_booknavi_list.gif" width="57" height="16" border="0" /></a></div></td>';
		html += '           </tr>';
	}

	html += '          		</table>';
	html += '			</td>';
	html += '       </tr>';
	html += '    	</table>';
	html += '	</td>';
	html += '</tr>';
	html += '<tr>';
	html += '   <td height="12"><div align="center"><img src="images/common/list_line1.gif" width="394" height="1"></div></td>';
	html += '</tr>';
	html += '</table>';

	return html;
}

function createEmptyHtml(text) {
	var html = '';
	html += '<table width="395" border="0" align="center" cellpadding="0" cellspacing="0">';
	html += '<tr height="200" valign="middle">';
	html += '	<td>' + text + '</td>';
	html += '</tr>';
	html += '<tr>';
	html += '	<td height="12"><div align="center"><img src="images/common/list_line1.gif" width="394" height="1"></div></td>';
	html += '</tr>';
	html += '</table>';

	return html;
}

function makeIcon(num, imageURL, onImageURL, iconWidth, iconHeight) {
	var icon = new WitIcon();
	icon.image = imageURL.replace(/\?/, num);
	icon.onImage = onImageURL.replace(/\?/, num);
	icon.iconSize = new WitSize(iconWidth, iconHeight);
	icon.iconAnchor = new WitPoint(Math.floor(iconWidth / 2), Math.floor(iconHeight / 2));
	icon.infoWindowAnchor = new WitPoint(-3, -30);

	return icon;
}

function makeMarker(info, icon) {
	var point = new WitPoint(info.pointX, info.pointY);
	var balloon = makeBalloon(info, icon.image, 16, 14);
	var marker = new WitMarker(point, icon);
	marker.setHtml(balloon);

	return marker;
}
	
function makeBalloon(info, iconURL, iconWidth, iconHeight) {
	var balloon = '';
	balloon += '<table width="290" border="0" cellspacing="0" cellpadding="0">';
	balloon += '<tr>';
	balloon += '    <td height="26">';
	balloon += '	    <table border="0" cellspacing="0" cellpadding="0">';
	balloon += '        <tr>';
	balloon += '            <td width="16" valign="top" style="padding-top:2px;"><img src="' + iconURL + '" width="' + iconWidth + '" height="' + iconHeight + '" /></td>';
	balloon += '            <td width="255" valign="top" class="txt8" style="padding-top:1px;">&nbsp;</td>';
	balloon += '            <td width="20"></td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td><img src="images/common/balloon_line1.gif" width="291" height="2"></td>';
	balloon += '</tr>';
	balloon += '<tr>';
	balloon += '    <td style="padding-top:5px; padding-bottom:5px;">';
	balloon += '	    <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '        <tr>';
	balloon += '            <td valign="top">';
	balloon += '	            <table width="95%" border="0" cellspacing="0" cellpadding="0">';

	if (info.address) {
		balloon += '            <tr>';
		balloon += '	            <td width="14" valign="top" style="padding-top:4px;"><img src="images/common/balloon_icon1.gif" width="14" height="6"></td>';
		balloon += '                <td class="txt62">' + info.address + '</td>';
		balloon += '            </tr>';
	}

	if (info.phone) {
		balloon += '            <tr>';
		balloon += '	            <td width="14"><img src="images/common/balloon_icon1.gif" width="14" height="6"></td>';
		balloon += '                <td class="txt58">' + info.phone + '</td>';
		balloon += '            </tr>';
	}

	balloon += '                </table>';
	balloon += '            </td>';
	balloon += '            <td width="82">&nbsp;</td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
   	balloon += '<tr>';
	balloon += '    <td>';
	balloon += '        <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '        <tr>';
	balloon += '            <td width="11"><img src="images/common/balloon_option_bg1.gif" width="11" height="24"></td>';
	balloon += '            <td background="images/common/balloon_option_bg3.gif">';
	balloon += '	            <table width="100%" border="0" cellspacing="0" cellpadding="0">';
	balloon += '                <tr>';
	balloon += '			        <td align="center" class="txt59"><a href="javascript:setPointAsEndInBalloon(' + info.pointX + ',' + info.pointY + ',\'' + info.name.stripTags() + '\')" onmousemove="setCursorPosition()" class="txt59">출발지 삼기</a></td>';
	balloon += '	                <td align="center"><img src="images/common/balloon_slash.gif" width="3" height="13"></td>';
	balloon += '                    <td align="center" class="txt59"><a href="javascript:setPointAsStartInBalloon(' + info.pointX + ',' + info.pointY + ',\'' + info.name.stripTags() + '\')" onmousemove="setCursorPosition()" class="txt59">목적지 삼기</a></td>';
	balloon += '                    <td align="center"><img src="images/common/balloon_slash.gif" width="3" height="13"></td>';
	balloon += '                    <td align="center" class="txt59">지점담기</td>';
	balloon += '                    <td align="center"><img src="images/common/balloon_slash.gif" width="3" height="13"></td>';
	balloon += '                    <td align="center" class="txt59"><a href="javascript:magnifyMapPoint(' + info.pointX + ',' + info.pointY + ')" class="txt59">지점확대</a></td>';
	balloon += '                </tr>';
	balloon += '                </table>';
	balloon += '            </td>';
	balloon += '            <td width="11"><img src="images/common/balloon_option_bg2.gif" width="11" height="24"></td>';
	balloon += '        </tr>';
	balloon += '        </table>';
	balloon += '    </td>';
	balloon += '</tr>';
	balloon += '</table>';

	return balloon;
}

function viewImage(image)
{
	var childWin = window.open("/imagePopup.jsp?image="+image, "image", "width=800,height=600,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,left=150,top=150");
	
}