var now = new Date();
var static_now = new Date();
var week = new Array("일","월","화","수","목","금","토");

var ret_f = '';
var ret_g = '';



// 달력함수

function calender(val) {
  
  var p;
  var z = 0;
	
  switch(val) {
	
	case 1 : now.setYear(now.getFullYear()-1); break;
	case 2 : now.setMonth(now.getMonth()-1); break;
	case 3 : now.setMonth(now.getMonth()+1); break;
	case 4 : now.setYear(now.getFullYear()+1); break;
	//	now.setMonth(now.getMonth() - val);
  }

  sc  = "<input type=\"button\" onclick=\"calender(1)\" class='clButtonCmd' style=\"width:18px;cursor:hand\" value=\"◀\">";
  sc += "<input type=\"button\" onclick=\"calender(2)\" class='clButtonCmd' style=\"width:18px;cursor:hand\" value=\"◁\"> ";
  sc += "<b>"+now.getFullYear()+" 년 ";
  sc += (now.getMonth()+1)+" 월</b> ";  
  sc += "<input type=\"button\" onclick=\"calender(3)\" class='clButtonCmd' style=\"width:18px;cursor:hand\" value=\"▷\">";
  sc += "<input type=\"button\" onclick=\"calender(4)\" class='clButtonCmd' style=\"width:18px;cursor:hand\" value=\"▶\">";

	

	// 해당월 마지막 일자
	last_date = new Date(now.getFullYear(),now.getMonth()+1,1-1);
	
	// 해당월 처음일자 요일
	first_date = new Date(now.getFullYear(),now.getMonth(),1);

	// 스킨
	calender_area  = "<table style='width:200px;border:1 solid #dcdcdc' cellspacing='0' cellpadding='1'><tr><td><table cellpadding='1' cellspacing='0' bgcolor='#dcdcdc' style='border:1 solid #EEEEEE'>";
	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='width:25px;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;height:22px;width:22px;cursor:pointer;cursor:hand;' align='center' onclick=\"change_date('" + now.getFullYear() + ret_g + pmonth + ret_g + ii + "');\" onmouseover=\"this.bgColor='#eeeeee;';\" onmouseout=\"this.bgColor='#ffffff'\">";
				
		//오늘의 색상
		if(i == now.getDate() && now.getFullYear()==static_now.getFullYear() && now.getMonth()==static_now.getMonth()) {
			calender_area+="<span style='color:#339900;font-size:8pt;cursor:hand'><B>"+i+"</B></span>";
		} else if(p == 0) {
			calender_area+="<span style='color:#0000ff;font-size:8pt;cursor:hand'><B>"+i+"</B></span>";
		} else if(p == 1) {
			calender_area+="<span style='color:#ff0000;font-size:8pt;cursor:hand'><B>"+i+"</B></span>";
		} else { 
			calender_area+="<span style='color:#4b4b4b;font-size:8pt;cursor:hand'><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>";
	document.getElementById("s_area").innerHTML=calender_area;
}
	


function check_mouse(e, f, g) {
		
  ret_f = f;
  ret_g = g;

  calender('not');
  document.getElementById("s_area").style.visibility = "visible";
  
  x = (document.layers) ? loc.pageX : e.clientX;
  y = (document.layers) ? loc.pageY : e.clientY;
	
  if (document.all) {
      document.getElementById("s_area").style.pixelLeft = x;
      document.getElementById("s_area").style.pixelTop = y;
  }
  else {
      document.getElementById("s_area").style.left = x + "px";
      document.getElementById("s_area").style.top =  y + "px";
  }

}

	
function change_date(val) {

  
  if (ret_f != '') {
      ret_f.value = val;
      document.getElementById("s_area").style.visibility = "hidden";
  }

}

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