	<!--
var nn4 = (document.layers) ? true : false;
var ie  = (document.all) ? true : false;
var dom = (document.getElementById && !document.all) ? true : false;
var popups = new Array(); // keeps track of popup windows we create
var calHtml = '';

// language and preferences
wDay = new Array('일요일','월요일','화요일','수요일','목요일','금요일','토요일');
wDayAbbrev = new Array('일','월','화','수','목','금','토');
wDayStyle = new Array('sun','mon','tue','wed','thu','fri','sat');
wMonth = new Array('1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월');
wOrder = new Array('첫번째','두번째','세번째','네번째','마지막');
wStart = 0;

function calPopup(obj, id, xOffset, yOffset, inputYear,inputMonth,inputDay, validationScript) {
	attachListener(id);
	registerPopup(id);
	calHtml = makeCalHtml(id,null,null,null,inputYear,inputMonth,inputDay,validationScript);
	writeLayer(id,calHtml);
	setLayerPos(obj,id,xOffset,yOffset);
	showLayer(id);
	return true;
}

function attachListener(id) {
	var layer = new pathToLayer(id)
	if (layer.obj.listening == null) {
		document.oldMouseupEvent = document.onmouseup;
		if (document.oldMouseupEvent != null) {
			document.onmouseup = new Function("document.oldMouseupEvent(); hideLayersNotClicked();");
		} else {
			document.onmouseup = hideLayersNotClicked;
		}
		layer.obj.listening = true;
	}
}

function registerPopup(id) {
	// register this popup window with the popups array
	var layer = new pathToLayer(id);
	if (layer.obj.registered == null) {
		var index = popups.length ? popups.length : 0;
		popups[index] = layer;
		layer.obj.registered = 1;
	}
}

function makeCalHtml(id, calYear, calMonth, calDay, inputYear,inputMonth,inputDay, validationScript) {
	var arrDate;
	var tmpDt;
	if(!eval(inputYear).value){ 
		var now = new Date();
		tmpDt = now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + now.getDate();
	}else{
		tmpDt = eval(inputYear).value + "-" + eval(inputMonth).value + "-" + eval(inputDay).value;
	}
	arrDate = tmpDt.split("-");
	if( calYear == null || calYear == "" ) calYear = arrDate[0];
	if( calMonth == null || calMonth == "" ) calMonth = arrDate[1];
	if( calDay == null || calDay == "" ) calDay = arrDate[2];
	var daysInMonth = new Array(0,31,28,31,30,31,30,31,31,30,31,30,31);
	if ((calYear % 4 == 0 && calYear % 100 != 0) || calYear % 400 == 0) {
		daysInMonth[2] = 29;
	}

	var calDate = new Date(calYear,calMonth-1,calDay);

	//-----------------------------------------
	// check if the currently selected day is
	// more than what our target month has
	//-----------------------------------------
	if (calMonth < calDate.getMonth()+1) {
		calDay = calDay-calDate.getDate();
		calDate = new Date(calYear,calMonth-1,calDay);
	}

	var calNextYear  	= calDate.getMonth() == 11 ? calDate.getFullYear()+1 : calDate.getFullYear();
	var calLastYear  	= calDate.getMonth() == 0 ? calDate.getFullYear()-1 : calDate.getFullYear();

	var calNextMonth 	= calDate.getMonth() == 11 ? 1 : calDate.getMonth()+2;
	var calLastMonth 	= calDate.getMonth() == 0 ? 12 : calDate.getMonth();

	var calNextYear2 	= calDate.getMonth() == 11 ? calDate.getFullYear()+1 : calDate.getFullYear()+1;
	var calLastYear2 	= calDate.getMonth() == 0 ? calDate.getFullYear()-1 : calDate.getFullYear()-1;
	
	var calNextMonth2 	= calDate.getMonth()+1 ;
	var calLastMonth2 	= calDate.getMonth()+1 ;

	var todayDate = new Date();

   //---------------------------------------------------------
   // this relies on the javascript bug-feature of offsetting
   // values over 31 days properly. Negative day offsets do NOT
   // work with Netscape 4.x, and negative months do not work
   // in Safari. This works everywhere.
   //---------------------------------------------------------
   var calStartOfThisMonthDate = new Date(calYear,calMonth-1,1);
   var calOffsetToFirstDayOfLastMonth = calStartOfThisMonthDate.getDay() >= wStart ? calStartOfThisMonthDate.getDay()-wStart : 7-wStart-calStartOfThisMonthDate.getDay()
   if (calOffsetToFirstDayOfLastMonth > 0) {
      var calStartDate = new Date(calLastYear,calLastMonth-1,1); // we start in last month
   } else {
      var calStartDate = new Date(calYear,calMonth-1,1); // we start in this month
   }
   var calStartYear = calStartDate.getFullYear();
   var calStartMonth = calStartDate.getMonth();
   var calCurrentDay = calOffsetToFirstDayOfLastMonth ? daysInMonth[calStartMonth+1]-(calOffsetToFirstDayOfLastMonth-1) : 1;

   var html = '';
   // writing the <html><head><body> causes some browsers (Konquerer) to fail
   
	html += '<div id="carendar" style="background-color:#FFFFFF;">';
	html += '<h3><img src="/smart/source/images/ko/reservation/carendar_pop_title.gif" alt="일자를 선택해주세요" /></h3>\n';

	


	// inner
	html += '<table width=100% cellpadding="0" cellspacing="1" border="0" bgcolor="#FFFFFF">\n';
	html += '<tr>\n';
	html += '<td valign="top">\n';
	html += '<table width=100% cellpadding="3" cellspacing="1" border="0">\n';
	html += '<tr><td colspan="7">\n';
	html += '<a class="stylecal" href="#" onClick="updateCal(\''+id+'\','+calLastYear2+','+calLastMonth2+','+calDay+',\''+inputYear+'\',\''+inputMonth+'\',\''+inputDay+'\',\''+validationScript+'\'); return false;"><span title="전년도">◀</span></a>\n';
	html += calDate.getFullYear()+'년\n';
	html += '<a class="stylecal" href="#" onClick="updateCal(\''+id+'\','+calNextYear2+','+calNextMonth2+','+calDay+',\''+inputYear+'\',\''+inputMonth+'\',\''+inputDay+'\',\''+validationScript+'\'); return false;"><span title="다음해">▶</span></a>\n';
	
	html += '<a class="stylecal" href="#" onClick="updateCal(\''+id+'\','+calLastYear+','+calLastMonth+','+calDay+',\''+inputYear+'\',\''+inputMonth+'\',\''+inputDay+'\',\''+validationScript+'\'); return false;"><span title="이전달">◀</span></a>\n';	
	html += wMonth[calDate.getMonth()]+ '\n';
	html += '<a class="stylecal" href="#" onClick="updateCal(\''+id+'\','+calNextYear+','+calNextMonth+','+calDay+',\''+inputYear+'\',\''+inputMonth+'\',\''+inputDay+'\',\''+validationScript+'\'); return false;"><span title="다음달">▶</span></a>\n';
   	html += '</td></tr>\n';
   	html += '</table>\n';
   	
	html += '<div class="SelectDate">\n';
	html += '<span class="year">\n';
	
	html += '<select class="basic" style="width:80px;">\n';
	
	html += '<option selected="selected">2009년</option>\n';
	
	html += '</select>\n';
	html += '</span>\n';
	html += '<span class="month"><select class="basic" style="width:60px;">\n';
	
	html += '<option selected="selected">3월</option>\n';
	
	html += '</select></span>\n';
	html += '<span class="day"><select class="basic" style="width:60px;">\n';
	
	html += '<option selected="selected">2일</option>\n';
	
	html += '</select></span>\n';
	html += '</div>\n';
   	
    html += '<div class="selectMonth">\n';
    html += '<span class="pre"><a href="#" onClick="updateCal(\''+id+'\','+calLastYear+','+calLastMonth+','+calDay+',\''+inputYear+'\',\''+inputMonth+'\',\''+inputDay+'\',\''+validationScript+'\'); return false;"><img src="/smart/source/images/ko/reservation/btn_month_pre.gif" alt="이전달" /></a></span>\n';
    html += '<span class="current">&lt;'+calDate.getFullYear()+'년 '+wMonth[calDate.getMonth()]+'&gt;</span>\n';
    html += '<span class="next"><a href="#" onClick="updateCal(\''+id+'\','+calNextYear+','+calNextMonth+','+calDay+',\''+inputYear+'\',\''+inputMonth+'\',\''+inputDay+'\',\''+validationScript+'\'); return false;"><img src="/smart/source/images/ko/reservation/btn_month_next.gif" alt="다음달" /></a></span>\n';
    html += '</div>\n';
   	
   	html += '<div class="selectCarendar">\n';
   	html += '<table class="carendar">\n';
   	
   	for (var row=1; row <= 7; row++) {
      	// check if we started a new month at the beginning of this row
      	upcomingDate = new Date(calStartYear,calStartMonth,calCurrentDay);
      	if (upcomingDate.getDate() <= 8 && row > 5) {
			continue; // skip this row
		}

		html += '<tr>\n';
		for (var col=0; col < 7; col++) {
        	//var tdColor = col % 2 ? '"#DAEDFE"' : '"#F8F8F8"';
			var tdColor = '"#F3F3F3"';
			if (row == 1) { 
				tdColor = '"#ffff66"';
				html += '<th class='+wDayStyle[(wStart+col)%7]+'>'+wDayAbbrev[(wStart+col)%7]+'</th>\n';
			} else {
				var hereDate = new Date(calStartYear,calStartMonth,calCurrentDay);
				var hereDay = hereDate.getDate();
				var aClass = '"stylecal"';

				if (hereDate.getYear() == todayDate.getYear() && hereDate.getMonth() == todayDate.getMonth() && hereDate.getDate() == todayDate.getDate()) {
					tdColor = '"#66cc33"';
				}
				if (hereDate.getMonth() != calDate.getMonth()) {
					tdColor = '"#e8e8e8"';
					var aClass = '"notmonth"';
				}

				html += '<td bgcolor='+tdColor+' align="right" onClick="changeFormDate('+hereDate.getFullYear()+','+(hereDate.getMonth()+1)+','+hereDate.getDate()+',\''+inputYear+'\',\''+inputMonth+'\',\''+inputDay+'\',\''+validationScript+'\'); hideLayer(\''+id+'\'); return false;" onMouseOver="this.className=\'row_on_a\'" onMouseOut="this.className=\'row_off\'"><a class='+aClass+' href="#" onClick="changeFormDate('+hereDate.getFullYear()+','+(hereDate.getMonth()+1)+','+hereDate.getDate()+',\''+inputYear+'\',\''+inputMonth+'\',\''+inputDay+'\',\''+validationScript+'\'); hideLayer(\''+id+'\'); return false;">'+hereDay+'</a></td>\n';
				calCurrentDay++;
			}
		}
		html += '</tr>\n';
	}
//	html += '<tr>\n';
//	html += '<td align="center" bgcolor=#FFFFFF colspan="7" onClick="updateCal(\''+id+'\','+todayDate.getFullYear()+','+(todayDate.getMonth()+1)+','+todayDate.getDate()+',\''+inputYear+'\',\''+inputMonth+'\',\''+inputDay+'\',\''+validationScript+'\'); return false;"><a class="stylecal" href="#" onClick="updateCal(\''+id+'\','+todayDate.getFullYear()+','+(todayDate.getMonth()+1)+','+todayDate.getDate()+',\''+inputYear+'\',\''+inputMonth+'\',\''+inputDay+'\',\''+validationScript+'\'); return false;">오늘로 이동</a></td>\n';
//	html += '</tr>\n';
	html += '</table>\n';
	html += '</div>\n';
	
	html += '</td></tr>\n';
	html += '</table>\n';
// end of inner
html += '<div class="close"><a href="javascript:layerhide("carendar")"><img src="/smart/source/images/ko/reservation/carendar_pop_close.gif" alt="close" /></a></div>\n';
html += '</div>\n';
   return html;
}

function updateCal(id, calYear, calMonth, calDay, inputYear,inputMonth,inputDay, validationScript) {
   calHtml = makeCalHtml(id,calYear,calMonth,calDay,inputYear,inputMonth,inputDay,validationScript);
   writeLayer(id,calHtml);
}

function writeLayer(id, html) {
   var layer = new pathToLayer(id);
   if (nn4) {
      layer.obj.document.open();
      layer.obj.document.write(html);
      layer.obj.document.close();
   } else {
      layer.obj.innerHTML = '';
      layer.obj.innerHTML = html;
   }
}

function setLayerPos(obj, id, xOffset, yOffset) {
   
   var newX = 0;
   var newY = 0;
   if (obj.offsetParent) {
      // if called from href="setLayerPos(this,'example')" then obj will
      // have no offsetParent properties. Use onClick= instead.
      while (obj.offsetParent) {
         newX += obj.offsetLeft;
         newY += obj.offsetTop;
         obj = obj.offsetParent;
      }
   } else if (obj.x) {
      // nn4 - only works with "a" tags
      newX += obj.x;
      newY += obj.y;
   }

   // apply the offsets
   newX += xOffset;
   newY += yOffset;

   //alert( newX + "," + newY );

   // apply the new positions to our layer
   //var layer = new pathToLayer(id);
   var layer = document.getElementById( id );
   if (nn4) {
      layer.style.left = newX;
      layer.style.top  = newY;
   } else {
      // the px avoids errors with doctype strict modes
      layer.style.left = newX + 'px';
      layer.style.top  = newY + 'px';
   }
}

function hideLayersNotClicked(e) {
   if (!e) var e = window.event;
   e.cancelBubble = true;
   if (e.stopPropagation) e.stopPropagation();
   if (e.target) {
      var clicked = e.target;
   } else if (e.srcElement) {
      var clicked = e.srcElement;
   }

   // go through each popup window,
   // checking if it has been clicked
   for (var i=0; i < popups.length; i++) {
      if (nn4) {
         if ((popups[i].style.left < e.pageX) &&
             (popups[i].style.left+popups[i].style.clip.width > e.pageX) &&
             (popups[i].style.top < e.pageY) &&
             (popups[i].style.top+popups[i].style.clip.height > e.pageY)) {
            return true;
         } else {
            hideLayer(popups[i].obj.id);
            return true;
         }
      } else if (ie) {
         while (clicked.parentElement != null) {
            if (popups[i].obj.id == clicked.id) {
               return true;
            }
            clicked = clicked.parentElement;
         }
         hideLayer(popups[i].obj.id);
         return true;
      } else if (dom) {
         while (clicked.parentNode != null) {
            if (popups[i].obj.id == clicked.id) {
               return true;
            }
            clicked = clicked.parentNode;
         }
         hideLayer(popups[i].obj.id);
         return true;
      }
      return true;
   }
   return true;
}

function pathToLayer(id) {
   if (nn4) {
      this.obj = document.layers[id];
      this.style = document.layers[id];
   } else if (ie) {
      this.obj = document.all[id];
      this.style = document.all[id].style;
   } else {
      this.obj = document.getElementById(id);
      this.style = document.getElementById(id).style;
   }
}

function showLayer(id) {
   var layer = new pathToLayer(id)
   layer.style.visibility = "visible";
}
 
function hideLayer(id) {
   var layer = new pathToLayer(id);
   layer.style.visibility = "hidden";
}

function changeFormDate(changeYear,changeMonth,changeDay,inputYear,inputMonth,inputDay,validationScript) {
	var changeYear,changeMonth,changeDay,inputYear,inputMonth,inputDay,validationScript ;
	for(i=0;i<9;i++) {
		if ((i+1) == changeMonth)
			changeMonth = "0" + changeMonth
	}
	for(j=0;j<9;j++) {
		if ((j+1) == changeDay)
			changeDay = "0" + changeDay
	}
	eval(inputYear).value = changeYear;
	eval(inputMonth).value = changeMonth;
	eval(inputDay).value = changeDay;
	if (validationScript) {
		eval(validationScript+"('"+inputYear+"')"); // to update the other selection boxes in the form
		eval(validationScript+"('"+inputMonth+"')"); // to update the other selection boxes in the form
		eval(validationScript+"('"+inputDay+"')"); // to update the other selection boxes in the form
	}
}
// -->