/*
*	¼öÁ¤ÇßÀ½..
*	2004-06-17 	binybany		ÇϳªÀÇ ÅؽºÆ® Çʵå·Î .... 
*	2004-07-08		binybany		·¹À̾ iframeÀ» »ðÀÔ 
*												cf: ·¹ÀÌ¾î ¹Ø¿¡ ¼¿·ºÆ®°¡ Àִ°æ¿ì ¼¿·ºÆ® ¹Ú½º°¡ º¸À̹ǷΠiframeÀ¸·Î °¡¸°ÈÄ ·¹ÀÌ¾î ¿Ã¸²...
*	
*		
*/


	function showCalendar(f){
		ViewCalendar(f);
	}



//	***************************************************
//  ´Þ·Â
//****************************************************
	var	bPageLoaded=false
	var	ie=document.all
	var	ns4=document.layers
	var	today =	new	Date()

	var scrollLeftMessage = ""
	var scrollRightMessage = ""
	var selectMonthMessage = ""
	var selectYearMessage = ""
	var selectDateMessage = "" 
	var	posiX = -1
	var	posiY = -1
	var imagePath = "/img/calendar/"	
	var	crossobject
	var crossMonthObject
	var crossYearObject
	var monthselect
	var yearSelect
	var dateSelected
	var omonthSelected
	var oyearSelected
	var odateSelected
	var monthConstructed
	var yearConstructed
	var intervalID1
	var intervalID2
	var timeoutID1
	var timeoutID2
	var tyearToPlaceValue
	var tmonthToPlaceValue
	var tdayToPlaceValue
	var ctlNow
	var nStartingYear
	var	currentDate	 = today.getDate()
	var	currentMonth = today.getMonth()
	var	currentYear	 = today.getYear()
	
	if (document.getElementById("calendar")==null)//óÀ½ÀÌ´Ï?
	{
		
		document.write ("<div id='calendar'	style='position:absolute;visibility:hidden;z-index:2000;border:2px solid #336699;' onMouseOut=LayerShow('calendar','hide') onMouseOver=LayerShow('calendar','show') onclick=LayerShow('calendar','show')>");
		document.write("<div id='bg' 	style='position:absolute;z-index:5;'><iframe style='width:158;height:160px;'></iframe></div>");
		document.write ("<div id='main' style='position:absolute;z-index:7;'>");			
		document.write ("<table	width=158 border=0 style='font-family:arial;font-size:11px;border-width:1;border-style:solid;border-color:#a0a0a0;font-family:arial; font-size:11px}' bgcolor='#ffffff'><tr bgcolor='#FFFFFF' height=15><td><table width='100%' border=0><tr><td style='padding:2px;font-family:arial; font-size:11px;'><font color='#020023'><B><span id='caption'></span></B></font></td><td align=right><a href='javascript:hideCalendar()'><img src='/js/img/x.gif' border=0></a></td></tr></table></td></tr><tr><td  style='padding:0px' bgcolor=#ffffff><span id='carcontent'></span></td></tr>");
		document.write ("</table></div><div id='selectMonth' onMouseOver=LayerShow('calendar','show') style='position:absolute;visibility:hidden;z-index:12;'></div><div id='selectYear' onMouseOver=LayerShow('calendar','show') 	style='position:absolute;visibility:hidden;'></div>");
		document.write ("</div>");
		document.write ("</div>");
	}

	var	monthName =	new	Array("1¿ù","2¿ù","3¿ù","4¿ù","5¿ù","6¿ù","7¿ù","8¿ù","9¿ù","10¿ù","11¿ù","12¿ù")
	
	dayName = new Array	("<font color='red'>ÀÏ</font>","¿ù","È­","¼ö","¸ñ","±Ý","Åä")
	
	var	styleAnchor="text-decoration:none;color:black;"
	var	styleLightBorder="background-color:#FFA54A;border-style:solid;border-width:0px;border-color:red;"

	function swapImage(srcImg, destImg){
		if (ie)	{ document.getElementById(srcImg).setAttribute("src",imagePath + destImg) }
	}

	function cal_init()	{
		
		if (!ns4)
		{
			if (!ie) { currentYear += 1900	}

			crossobject=(document.getElementById)?document.getElementById("calendar").style : ie? document.all.calendar : document.calendar
			hideCalendar()
			crossMonthObject=(document.getElementById)?document.getElementById("selectMonth").style : ie? document.all.selectMonth	: document.selectMonth

			crossYearObject=(document.getElementById)?document.getElementById("selectYear").style : ie? document.all.selectYear : document.selectYear

			monthConstructed=false;
			yearConstructed=false;


			//´Þ·Â Ãâ·ÂµÇ´Â ºÎºÐ
			sHTML1="<span style='cursor:pointer' id='yearleft' onclick='javascript:decYear()'><img src=/images/bbs/list_pre1.gif border=0 align=absmiddle></span>"
			sHTML1+=" "
			sHTML1+="<span id='spanLeft'	style='cursor:pointer' onclick='javascript:decMonth()'><img src=/images/bbs/list_pre2.gif border=0 align=absmiddle></span>"
			sHTML1+="&nbsp;"
			sHTML1+="<span id='spanYear'></span>"
			sHTML1+="&nbsp;"
			sHTML1+="<span id='spanMonth'></span>"
			sHTML1+="&nbsp;"
			sHTML1+="<span id='spanRight' style='cursor:pointer' onclick='incMonth()'><img src=/images/bbs/list_next2.gif border=0 align=absmiddle></span>"
			sHTML1+=" "
			sHTML1+="<span style='cursor:pointer' id='yearright' onclick='javascript:incYear()'><img src=/images/bbs/list_next1.gif border=0 align=absmiddle></span>"
			
			document.getElementById('caption').innerHTML  =	sHTML1

			bPageLoaded=true


		}
	}

	function hideCalendar()	{
		crossobject.visibility="hidden"
		if (crossMonthObject != null){crossMonthObject.visibility="hidden"}
		if (crossYearObject != null){crossYearObject.visibility="hidden"}

		document.onmousedown = null;
	}

	function padZero(num) {
		return (num	< 10)? '0' + num : num ;
	}

	function constructDate(d,m,y)
	{
		sTmp = "yyyy-mm-dd"
		sTmp = sTmp.replace	("dd","<e>")
		sTmp = sTmp.replace	("d","<d>")
		sTmp = sTmp.replace	("<e>",padZero(d))
		sTmp = sTmp.replace	("<d>",d)
		sTmp = sTmp.replace	("mmm","<o>")
		sTmp = sTmp.replace	("mm","<n>")
		sTmp = sTmp.replace	("m","<m>")
		sTmp = sTmp.replace	("<m>",m+1)
		sTmp = sTmp.replace	("<n>",padZero(m+1))
		sTmp = sTmp.replace	("<o>",monthName[m])
		return sTmp.replace ("yyyy",y)
	}

	function closeCalendar() {
		var	sTmp = '';
		hideCalendar();
//		tyearToPlaceValue.value =	yearSelect
//		tmonthToPlaceValue.value =	monthselect+1
//		tdayToPlaceValue.value =	dateSelected

		monthselect++

		sTmp +=	yearSelect +'-';
		// ÀÚ¸´¼ö µÎÀÚ¸®·Î ¸¸µé±â(ex. 8 -> 08 )
		if (monthselect<10)
			sTmp += '0'+monthselect+'-';
		else
			sTmp += monthselect+'-';

		if (dateSelected<10)
			sTmp += '0'+dateSelected;
		else
			sTmp += dateSelected;

		ctlNow.value = sTmp;
	}

	/*** Month Pulldown	***/

	function StartDecMonth()
	{
		intervalID1=setInterval("decMonth()",80)
	}

	function StartIncMonth()
	{
		intervalID1=setInterval("incMonth()",80)
	}

	function incMonth () {
		monthselect++
		if (monthselect>11) {
			monthselect=0
			yearSelect++
		}
		constructCalendar()
	}

	function decMonth () {
		monthselect--
		if (monthselect<0) {
			monthselect=11
			yearSelect--
		}
		constructCalendar()
	}

	function incYear () {
		yearSelect++
		constructCalendar()
	}

	function decYear () {
		yearSelect--
		constructCalendar()
	}

	/*** calendar ***/

	function WeekNbr(n) {
		var P3D=259200000, P7D=604800000, y=n.getYear(), y=(y<1000?1900+y:y);
		var s=Math.floor((Date.UTC(y,n.getMonth(),n.getDate())+P3D)/P7D);
		tmp=new Date(s*P7D); j=tmp.getYear(); j=(j<1000?1900+j:j);
		return 1+s-Math.floor((Date.UTC(j,0,4)+P3D)/P7D)
	}


	function constructCalendar () {
		var aNumDays = Array (31,0,31,30,31,30,31,31,30,31,30,31)

		var dateMessage
		var	startDate =	new	Date (yearSelect,monthselect,1)
		var endDate

		if (monthselect==1)
		{
			endDate	= new Date (yearSelect,monthselect+1,1);
			endDate	= new Date (endDate	- (24*60*60*1000));
			numDaysInMonth = endDate.getDate()
		}
		else
		{
			numDaysInMonth = aNumDays[monthselect];
		}

		datePointer	= 0
		dayPointer = startDate.getDay()
		
		if (dayPointer<0)
		{
			dayPointer = 6
		}

			sHTML =	"<table	 border=0 style='font-family:verdana;font-size:11px;'><tr>"
		/*¿äÀÏÇ¥½Ã*/
		for	(i=0; i<7; i++)	{
			sHTML += "<td width='17' align='center' bgcolor='#1A5DAB'><font color=white><B>"+ dayName[i]+"</B></font></td>"
		}
		sHTML +="</tr><tr  bgcolor='#F5F5F5'>"

		for	( var i=1; i<=dayPointer;i++ )
		{
			sHTML += "<td>&nbsp;</td>"
		}
	
		for	( datePointer=1; datePointer<=numDaysInMonth; datePointer++ )
		{
			dayPointer++;
			sHTML += "<td align=right>"
			sStyle=styleAnchor
			if ((datePointer==odateSelected) &&	(monthselect==omonthSelected)	&& (yearSelect==oyearSelected))
			{ sStyle+=styleLightBorder }

			sHint = ""
			

			var regexp= /\"/g
			sHint=sHint.replace(regexp,"&quot;")

			dateMessage = "onmousemove='window.status=\""+selectDateMessage.replace("[date]",constructDate(datePointer,monthselect,yearSelect))+"\"' onmouseout='window.status=\"\"' "

			if ((datePointer==currentDate)&&(monthselect==currentMonth)&&(yearSelect==currentYear))
			{ sHTML += "<b><a "+dateMessage+" title=\"" + sHint + "\" style='"+sStyle+"' href='javascript:dateSelected="+datePointer+";closeCalendar();' ><font color=blue>" + datePointer + "</font></a></b>"}
			else if	(dayPointer % 7 == 1)
			{ sHTML += "<a "+dateMessage+" title=\"" + sHint + "\" style='"+sStyle+"' href='javascript:dateSelected="+datePointer+";closeCalendar();'><font color=red>" + datePointer + "</font></a>" }
			else if ((datePointer==odateSelected)&&(monthselect==omonthSelected)&&(yearSelect==oyearSelected))
			{sHTML += "<a "+dateMessage+" title=\"" + sHint + "\" style='"+sStyle+"' href='javascript:dateSelected="+datePointer+";closeCalendar();'><font color=#D708E4><b>" + datePointer + "</b></font></a>"
			}
			else 
			{ sHTML += "<a "+dateMessage+" title=\"" + sHint + "\" style='"+sStyle+"' href='javascript:dateSelected="+datePointer + ";closeCalendar();'>" + datePointer + "</a>" }

			sHTML += ""
			if ((dayPointer) % 7 == 0) { 
				sHTML += "</tr><tr bgcolor='#F5F5F5'>" 
			}
		}

		document.getElementById("carcontent").innerHTML   = sHTML
		document.getElementById("spanMonth").innerHTML = "" +	monthName[monthselect]
		document.getElementById("spanYear").innerHTML =	yearSelect +"³â"+ ""

		calendar.style.visibility = "visible";
	}

	function popUpCalendar(dform) {
		var	leftpos=0
		var	toppos=0

		if (bPageLoaded)
		{

			if ( crossobject.visibility ==	"hidden" ) {
			
				var temps = dform.value.split('-');
				
				tyearToPlaceValue	= temps[0];
				tmonthToPlaceValue	= temps[1];
				tdayToPlaceValue	= temps[2];

				tokensChanged =	temps.length;
				yearSelect =  new Number(temps[0]);
				monthselect =  new Number(temps[1]) - 1;
				dateSelected =  new Number(temps[2]);
				
					

				if ((tokensChanged!=3)||isNaN(dateSelected)||isNaN(monthselect)||isNaN(yearSelect))
				{
					dateSelected = currentDate
					monthselect =	currentMonth
					yearSelect = currentYear
				}

				odateSelected=dateSelected
				omonthSelected=monthselect
				oyearSelected=yearSelect
						
				aTag = dform
				do {
					aTag = aTag.offsetParent;
					leftpos	+= aTag.offsetLeft;
					toppos += aTag.offsetTop;
				} while(aTag.tagName!="BODY");

				//´Þ·Â À§Ä¡
				crossobject.left = posiX==-1 ? dform.offsetLeft + leftpos - 0 : dform.offsetLeft + leftpos - posiX
				crossobject.top = posiY==-1 ? dform.offsetTop + toppos - 0 : dform.offsetTop +	toppos - posiY
			
				constructCalendar (1, monthselect, yearSelect);
				crossobject.visibility=(document.getElementById||ie)? "visible" : "show"
			}
			else
			{
				if (ctlNow!=dform) {popUpCalendar(dform)}
			}
			ctlNow = dform
		}
	}

function ViewCalendar(dform){
	// ´Þ·Â ³ª¿À´Â À§Ä¡ ¼³Á¤
	posiX = -1
	posiY = -1
	
	if(!bPageLoaded)  cal_init();
	popUpCalendar(dform)
}



function LayerShow(LayerName,Status) {
	ns4 = (document.layers)?true:false
	ie4 = (document.all)?true:false
	if (ns4) {
		LayerN = document.layers[LayerName]
		if (Status == 'show') LayerN.visibility = 'visible';
		if (Status == 'hide') LayerN.visibility = 'hidden';
	}	
	if (ie4) {
		LayerN = document.all[LayerName].style;
		if (Status == 'show') LayerN.visibility = 'visible';
		if (Status == 'hide') LayerN.visibility = 'hidden';
	}
}