var Browser,IE,NS,targetObj
browser=window.navigator.appName
IE="Microsoft Internet Explorer"
NS="Netscape"
if(browser==IE)
{	var strDiv
	strDiv="<div  style=\"position:absolute\" id=calndr></div>"
	document.writeln(strDiv)}

function showCalendar(Year,Month)
{
	var datCalndr=new Date(Year,Month,1)
	var strCalndr
	var intTRCount,intTDCount,intDiff
	
	//define style
	strStyTABLE="style=\"border:3 groove gray;background:silver\""
	strStyCP="style=\"cursor:hand;font-size:9pt;\""
	strStyA="style=\"cursor:hand;text-decoration:none;\""
	strStyTH="style=\"padding:0;font-size:9pt;font-weight:normal;background:skyblue;border:1 solid black\""
	strStyTD="style=\"cursor:hand;font-size:9pt;background:mistyrose;border:1 solid black\""
	strStySP="style=\"font-size:9pt;background:white;border:1 solid black\""
	strStyToday="style=\"cursor:hand;font-size:9pt;background:mistyrose;border:1 solid black;text-decoration:none;color:red;\""
	

	//this is heading of calendar
	strCalndr="<table "+strStyTABLE+" border=0 cellspacing=1 width=140px>"
	strCalndr+="<tr><td align=center colspan=6 "+strStyCP+">"
	strCalndr+="<span "+strStyA+" onclick='javascript:calendar(" + (Year-1) + "," + Month + ")'> < </span>"
	strCalndr+=Year + "年"
	strCalndr+="<span "+strStyA+" onclick='javascript:calendar(" + (Year+1) + "," + Month + ")'> > </span>&nbsp;&nbsp;"
	strCalndr+="<span "+strStyA+" onclick='javascript:calendar(" + Year+ "," + (Month-1) + ")'> < </span>"
	strCalndr+=(Month+1) + "月"
	strCalndr+="<span "+strStyA+" onclick='javascript:calendar(" + Year+ "," + (Month+1) + ")'> > </span>"
	strCalndr+="<td><span "+strStyA+" onMouseOver='javascript:c\loseCal()'> ※ </span></tr>"

	//this is heading of calendar
	strCalndr+="<tr>"
	strCalndr+="<th "+strStyTH+">日"
	strCalndr+="<th "+strStyTH+">一"
	strCalndr+="<th "+strStyTH+">二"
	strCalndr+="<th "+strStyTH+">三"
	strCalndr+="<th "+strStyTH+">四"
	strCalndr+="<th "+strStyTH+">五"
	strCalndr+="<th "+strStyTH+">六"
	strCalndr+="</tr><tbody>"
	
	intTRCount=0
	
	//calculate the space of the begin
	for (intTDCount=0;intTDCount<parseInt(datCalndr.getDay());intTDCount++)
	{	strCalndr+="<td "+strStySP+">&nbsp;"
		intTRCount+=1}
	
	for (intDate=1;intDate<=31;intDate++)
	{	datCalndr.setDate(intDate)
		if (intTRCount==7)
		{	strCalndr+="</tr><tr>"
			intTRCount=0;}
		intTRCount+=1
		
		//if exceed the length of a month jump out the loop
		if (parseInt(datCalndr.getMonth())!=Month)
		{	intDiff=parseInt(datCalndr.getDay()-1)
			break;}

		
		//if date is today
		if (whToday(datCalndr.getFullYear(),datCalndr.getMonth(),datCalndr.getDate())==true)
		{	strCalndr+="<td onclick=\"javascript:setDate('"+Year+"/"+(Month+1)+"/"+datCalndr.getDate()+"')\""
			strCalndr+=" align=\"center\""
			strCalndr+=strStyToday+">"}
		else
		{	
			strCalndr+="<td onMouseOver=\"this.style.background='navy';this.style.color='white';\""
			strCalndr+=" onMouseOut=\"this.style.background='mistyrose';this.style.color='black';\""
			strCalndr+=" onclick=\"javascript:setDate('"+Year+"/"+(Month+1)+"/"+datCalndr.getDate()+"')\""
			strCalndr+=" align=\"center\""
			strCalndr+=strStyTD+">"}

		strCalndr+=datCalndr.getDate()
		
		intDiff=parseInt(datCalndr.getDay())}

	//calculate the space of the end
	if (intDiff>=0)//in case of a space line
	{	for (intTDCount=0;intTDCount<(6-intDiff);intTDCount++)
		{strCalndr+="<td "+strStySP+">&nbsp;"}}
	
	return (strCalndr)}

function calendar(intYear,intMonth)
{	var Year,Month
	if (intMonth==12)
	{	Month=0
		Year=intYear+1}
	else	
	{	if (intMonth==-1)
		{	Month=11
			Year=intYear-1}
		else 
		{	
			Month=intMonth
			Year=intYear}}
	if(browser==IE)
	{	document.all("calndr").innerHTML=(showCalendar(Year,Month))}
	if(browser==NS)
	{	}}

function setDate(ymd)
{	targetObj.value=ymd}

function whToday(Y,M,D)
{	var datToday=new Date()
	if (datToday.getFullYear()==Y && datToday.getMonth()==M && datToday.getDate()==D)
		return (true)
	else
		return (false)}
		


function calendarIntialize(target)
{	
	targetObj=target
	var datToday=new Date()
	intTYear=parseInt(datToday.getFullYear())
	intTMonth=parseInt(datToday.getMonth())
	if (browser==IE)
	{	with(document.all("calndr"))
		{	
			var parentObj,x,y
			parentObj=target.offsetParent
			x=0
			y=0
			while(parentObj.tagName!="BODY")
			{	x+=parentObj.offsetLeft
				y+=parentObj.offsetTop
				parentObj=parentObj.offsetParent}
			x+=target.offsetLeft+2
			y+=target.offsetTop+target.offsetHeight
			style.posTop=y
			style.posLeft=x
			innerHTML=(showCalendar(intTYear,intTMonth))
			style.visibility="visible"}}}
function closeCal()
{	
	if (browser==IE)
	{	with(document.all("calndr"))
		{	
			style.posTop=0
			style.posLeft=0
			style.visibility="hidden"
			innerHTML=""}}
	if (browser==NS)
	{	}}