now=new Date();
static_now=new Date();
week=new Array("ÀÏ","¿ù","È­","¼ö","¸ñ","±Ý","Åä");

var mouseposX;
var mouseposY;

//´Þ·ÂÇÔ¼ö
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="<input type=\"button\" onclick=\"calender(1,'"+element_name+"')\" style=\"cursor:hand\" value=\"¢¸\">";
sc+="<input type=\"button\" onclick=\"calender(2,'"+element_name+"')\" style=\"cursor:hand\" value=\"¢·\"> ";
sc+="<b>"+now.getYear()+" ³â / ";
sc+=(now.getMonth()+1)+" ¿ù</b>";  
sc+="<input type=\"button\" onclick=\"calender(3,'"+element_name+"')\" style=\"cursor:hand\" value=\"¢¹\">";
sc+="<input type=\"button\" onclick=\"calender(4,'"+element_name+"')\" style=\"cursor:hand\" value=\"¢º\">";



//ÇØ´ç¿ù ¸¶Áö¸· ÀÏÀÚ
last_date = new Date(now.getYear(),now.getMonth()+1,1-1);

//ÇØ´ç¿ù óÀ½ÀÏÀÚ ¿äÀÏ
first_date= new Date(now.getYear(),now.getMonth(),1);

//½ºÅ²
calender_area="<table style='border:1 solid #dcdcdc' cellspacing='0' cellpadding='0'><tr><td><table cellpadding='1' cellspacing='0' bgcolor='#dcdcdc' style='border:1 solid #808080'>";
calender_area+="<tr bgcolor='#006699'><td 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 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);
   if(s_area.style.visibility=="visible"){
      s_area.style.visibility="hidden"; 
   }
   else {
      s_area.style.visibility="visible"; 
   }
	s_area.style.left = mouseposX - 10;
	s_area.style.top  = mouseposY + 10;
}

function change_date(val,element_name){

	eval(element_name).value=val;
	s_area.style.visibility="hidden";
}

function mousemove(e) {
   if (document.layers) {            //½ºÅ©¸°ÀÇ ÁÂÇ¥¸¦ ±¸ÇÑ´Ù 
      xCoord = e.x; 
      yCoord = e.y; 
   }else if (document.all) { 
      xCoord = event.clientX; 
      yCoord = event.clientY; 
   }else if (document.getElementById) { 
      xCoord = e.clientX; 
      yCoord = e.clientY; 
   } 
   //self.status = "X= "+ xCoord + " Y= " + yCoord; 
   //½ºÅ©·ÑÀÇ ¹üÀ§¸ðµÎ¸¦ Æ÷ÇÔÇÑ ÁÂÇ¥°ªÀ» ±¸ÇÑ´Ù 
   yy = yCoord + document.body.scrollTop; 
   xx = xCoord + document.body.scrollLeft; 
   //self.status = "X= "+ xx + " Y= " + yy; 

   mouseposX = xx;
   mouseposY = yy;

// ie¸¸ »ç¿ë°¡´É
//   mouseposX = event.clientX;
//   mouseposY = event.clientY;

}

document.write("<div id='s_area' style='font-size:9pt;position:absolute;width:200px;height:100px'>&nbsp;</div>");