now=new Date();
static_now=new Date();
week=new Array("ÀÏ","¿ù","È­","¼ö","¸ñ","±Ý","Åä");

//´Þ·ÂÇÔ¼ö
function calender(val,element_name){
	var p;
	var z=0;

	switch(val){
		case 1:now.setYear(now.getYear()-1);break;
		case 2:now.setMonth(now.getMonth()-1);break;
		case 3:now.setMonth(now.getMonth()+1);break;
		case 4:now.setYear(now.getYear()+1);break;
		//now.setMonth(now.getMonth() - val);
	}

  sc="<font style=\"color:#FFFFFF; FONT-FAMILY:gulim; FONT-SIZE:12pt;\">";
	sc+="<span style=\"cursor:hand\" onclick=\"calender(1,'"+element_name+"')\">¢·</span>";
	sc+="&nbsp;"+now.getYear()+" ³â&nbsp;";
	sc+="<span style=\"cursor:hand\" onclick=\"calender(4,'"+element_name+"')\">¢¹</span>&nbsp;";
	sc+="&nbsp;<span style=\"cursor:hand\" onclick=\"calender(2,'"+element_name+"')\">¢·</span>";
	sc+="&nbsp;"+(now.getMonth()+1)+" ¿ù&nbsp;";
	sc+="<span style=\"cursor:hand\" onclick=\"calender(3,'"+element_name+"')\">¢¹</span>";
  sc+="</font>";

	//ÇØ´ç¿ù ¸¶Áö¸· ÀÏÀÚ
	last_date = new Date(now.getYear(),now.getMonth()+1,1-1);

	//ÇØ´ç¿ù Ã³À½ÀÏÀÚ ¿äÀÏ
	first_date= new Date(now.getYear(),now.getMonth(),1);

	//½ºÅ²
	calender_area="<table width='245' height='200' style='border:1 solid #dcdcdc' cellspacing='0' cellpadding='0'><tr><td><table width='245' height='200' cellpadding='1' cellspacing='0' bgcolor='#dcdcdc' style='border:1 solid #808080'>";
	calender_area+="<tr bgcolor='#006699'><td height='35' colspan='10' style='border-bottom:1 solid #808080;font-size:9pt' align='center' style='color:#ffffff'>"+sc+"</td></tr><tr>";

	//¿äÀÏÇ¥½Ã
	var color='#FF6600';
	for(i=0;i<week.length;i++){
		calender_area+="<td height='30' bgcolor='#2E8BAF'  style='border-left:1 solid #dcdcdc;border-bottom:1 solid #808080;color:"+color+";font-size:9pt' align='center'><b>"+week[i]+"</b></td>";
		color='#ffffff';
	}

	calender_area+="</tr><tr>";

	for(i=1;i<=first_date.getDay();i++){
		calender_area+="<td align='right' valign='top' bgcolor='#ffffff'  style='border-left:1 solid #dcdcdc;border-bottom:1 solid #dcdcdc'>&nbsp;</td>";
	}

	z=(i-1);
	for (i=1;i<=last_date.getDate();i++){
		z++;
		p=z%7;
		var pmonth=now.getMonth()+1;
		if(i<10){var ii="0"+i;}else{var ii=i;}
		if(pmonth<10){pmonth="0"+pmonth;}

		calender_area+="<td align='right' valign='top' bgcolor='#ffffff' style='border-left:1 solid #dcdcdc;border-bottom:1 solid #dcdcdc'  align='center'  onclick=\"change_date('"+now.getYear()+"-"+pmonth+"-"+ii+"','"+element_name+"')\"  onmouseover=\"this.bgColor='#eeeeee'\" onmouseout=\"this.bgColor='#ffffff'\" style='cursor:hand' height='22' width='22'>";

		//¿À´ÃÀÇ »ö»ó
		if(i == now.getDate() && now.getYear()==static_now.getYear() && now.getMonth()==static_now.getMonth()) {
		   calender_area+="<span style='color:#339900;font-size:8pt'><B>"+i+"</B></span>";}
		else if(p == 0){calender_area+="<span style='color:#0000ff;font-size:8pt' ><B>"+i+"</B></span>";}
		else if(p == 1){calender_area+="<span style='color:#ff0000;font-size:8pt'><B>"+i+"</B></span>";}
		else{calender_area+="<span style='color:#4b4b4b;font-size:8pt'><B>"+i+"</B></span>";}

		calender_area+="</td>";

		if(p==0 && last_date.getDate() != i){calender_area+="</tr><tr>";}
	}

	if(p !=0){
		for(i=p;i<7;i++){
			calender_area+="<td align='right' valign='top' bgcolor='#ffffff' style='border-left:1 solid #dcdcdc;border-bottom:1 solid #dcdcdc'>&nbsp;</td>";
		}
	}

	//½ºÅ²
	calender_area+="</tr></table>";
	s_area.innerHTML=calender_area;
}

function check_mouse(val){
	calender('not',val);
	//s_area.style.visibility="visible";
	if(s_area.style.visibility=="visible"){ //-------  ´Þ·ÂÀÌ º¸ÀÌ°í ÀÖ´Ù¸é ¾ø¾Ö°í
		s_area.style.visibility="hidden";
	}else{//-------  ´Þ·ÂÀÌ ¾øÀ¸¸é º¸¿©¶ó
		s_area.style.visibility="visible";
	}//-------  ´Þ·ÂÀÌ ¾øÀ¸¸é º¸¿©¶ó. ³¡.
	s_area.style.left=event.clientX-10;
	s_area.style.top=event.clientY+10;
}

function change_date(val,element_name){
	eval(element_name).value=val;
	s_area.style.visibility="hidden";
}

document.write("<div id='s_area' style='font-size:9pt;position:absolute;width:200px;height:100px'>&nbsp;</div>");
//----check_mouse(val)¸¦ ¾Æ·¡¿Í °°ÀÌ ¼öÁ¤ÇÏ½Ã¸é º¸¿´´Ù »ç¶óÁ³´Ù ÇÕ´Ï´Ù ------------------
