str=new Array();
var calendar_table;
//==========================================================================================

// AJAX 物件
var ajax;

// 依據不同的瀏覽器，取得 XMLHttpRequest 物件
function createAJAX() {
	if (window.ActiveXObject) {
		try {
			return new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				return new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e2) {
				return null;
			}
		}
	} else if (window.XMLHttpRequest) {
		return new XMLHttpRequest();
	} else {
		return null;
	}
}

// 非同步傳輸的回應函式，用來處理伺服器回傳的資料
function onRcvData () {
	if (ajax.readyState == 4) {
		if (ajax.status == 200) {
		    xml = ajax.responseXML;
		    str = xml.getElementsByTagName("dd"); 
			yy = xml.getElementsByTagName("yy"); 
			mm = xml.getElementsByTagName("mm"); 
			 
			Calendar( yy[0].firstChild.data , mm[0].firstChild.data );
		} else {
			alert ("伺服器處理錯誤");
		}
	} 
}

// 非同步送出資料
function ajaxSendRequest(uri) {
	ajax = createAJAX() ;
	if (!ajax) {
		alert ('使用不相容 XMLHttpRequest 的瀏覽器');
		return 0;
	}

	ajax.onreadystatechange = onRcvData;
	ajax.open ("GET", uri, true);
	ajax.send ("");
}





//=====================================================================================



//-------------------------------------
function check_i(p){
var su=0;
	for(k=0;k<str.length;k++){
		if(p==str[k].firstChild.data){
			su=1;
		}
	}
return su;
}
//-------------------------------------
function Calendar(year,month)
{
var today = new Date(year,month,1);
var monthDays = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var year = today.getFullYear();		//取得年份資料
var mon = today.getMonth();		//取得月份資料
var thisDay = today.getDate();	//當天的日期
var wDay =today.getDay();		//取得當天星期資料

var mytoday = new Date();
var myyear = mytoday.getFullYear();		//取得年份資料
var mymon = mytoday.getMonth();		//取得月份資料
var thisDay = mytoday.getDate();	//當天的日期


if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29;
//取得當月的天數
nDays = monthDays[mon];	
firstDay = today;
firstDay.setDate(1); 			//當月第一天
startDay = firstDay.getDay();	//當月第一天的星期資料

//=========================================================================
calendar_table ='<table width="100%" border="0" cellspacing="0" cellpadding="2" bgcolor="#FFFFFF">'+
'<tr><td><table width="100%" border="0" cellspacing="1" cellpadding="2" bgcolor="#FFFFFF">';
calendar_table +='<tr><th colspan="7" valign="top" height=30 bgcolor="#FFFFFF">';
//=========================================================================


var dayNames = new Array("日","一","二","三","四","五","六");
//=========================================================================
calendar_table +="<img src=../images/cl.gif width=15 height=17 align=top style='Cursor:hand;'  onClick=ajaxSendRequest('yymmdd.php?yy="+year+"&mm="+mon+"') >";

calendar_table +="<font style=font-size:12px;Color:#CC0000>" + " " + year + " 年" +
 " " + (mon+1) + "月 "+ "</font>";
 
calendar_table +="<img src=../images/cr.gif width=15 height=17 align=top style='Cursor:hand;'  onClick=ajaxSendRequest('yymmdd.php?yy="+year+"&mm="+(mon+2)+"') >";

//=========================================================================
calendar_table +='</th></tr><tr height=20><th bgcolor="#FFFFFF"><font style="font-size:9pt;Color:#000000">日</font></th>';
calendar_table +='<th bgcolor="#FFFFFF"><font style="font-size:12px;Color:#000000">一</font></th>';
calendar_table +='<th bgcolor="#FFFFFF"><font style="font-size:12px;Color:#000000">二</font></th>';
calendar_table +='<th bgcolor="#FFFFFF"><font style="font-size:12px;Color:#000000">三</font></th>';
calendar_table +='<th bgcolor="#FFFFFF"><font style="font-size:12px;Color:#000000">四</font></th>';
calendar_table +='<th bgcolor="#FFFFFF"><font style="font-size:12px;Color:#000000">五</font></th>';
calendar_table +='<th bgcolor="#FFFFFF"><font style="font-size:12px;Color:#000000">六</font></th>';
calendar_table +="</tr><tr>";
//=========================================================================
column = 0;

for (i=0; i<startDay; i++)
 {
  //=========================================================================
  calendar_table +="\n<td><font style=font-size:12px> </font></td>";
  //=========================================================================
  column++;
 }
 
for (i=1; i<=nDays; i++)
 {
//============================================ 
 if (i == thisDay && myyear==year && mymon==mon){
	calendar_table +='<td align="center" bgcolor="#999999"><font style=font-size:9pt;font-family:Arial;Color:#ffffff>';
 }else{
	calendar_table +='<td bgcolor="#FFFFFF" align="center">'+
	'<font style=font-size:12px;font-family:Arial;font-weight:bold;Color:#AFAFAF>';
 }
//============================================ 
 if(check_i(i)==1){;
  calendar_table +='<a href=index_5.php?yy='+year+'&mm='+(mon+1)+'&dd='+i+' >'+i+'</a>';
 }else{
 calendar_table +=i;
	}
//============================================  
 calendar_table +="</font></td>";
 column++;
//============================================ 
 if (column == 7){
	calendar_table +="</tr><tr>"; 
	column = 0;}
//============================================
}
calendar_table +='<td></td></tr></table></td></tr></table>';
//============================================
			var calendar_content = document.getElementById ('calendar_content');
			calendar_content.innerHTML = calendar_table;
}


