﻿<!--
/*行事曆需要的javascript程式 Begin*/
/*
使用方法：
1. 因為是使用yui套件，所以必須先有 yui的calendar
2. include 本檔案
3. 在頁面的<body> 下面加一行如下力是為了顯示行事曆的div
<div id="divCallendar" style="position:absolute; z-index:1;">&nbsp;</div>

4. 在 onload裡面加上initCalendar() , 先初始化calendar
5.使用方法，在 image or <a.., 上 ，onclick="showCalendar(event, '標題', '傳回的欄位物件名稱')"
*/
var selCal;
var retobj;
function dateToLocaleString(dt, cal) {   
	var wStr = selCal.cfg.getProperty("WEEKDAYS_LONG")[dt.getDay()];   
	var dStr = dt.getDate();   
	var mStr = selCal.cfg.getProperty("MONTHS_LONG")[dt.getMonth()];   
	var yStr = dt.getFullYear();   
	return (wStr + ", " + dStr + " " + mStr + " " + yStr);   
}  

function evtSelectHandler(type, args, obj) {
	//var selected = args[0];   
	//var selDate = this.toDate(selected[0]);   
	//alert(obj.name);
	var dates = args[0];   
    var date = dates[0];   
    var year = date[0], month = date[1], day = date[2];   
	if (month.toString().length == 1) month = "0" + month;
	if (day.toString().length == 1) day = "0" + day;
	//alert(year + "/" + month + "/" + day);
   
	//tbrf 專用
    var vdate = year + "/" + month + "/" + day;
	location.href = "events_list.php?qdate=" + vdate;
	
	
}

//改變月份
function evtMonthHandler(type, args, obj) {
   // var selected = args[0]; 
    //var selDate = this.toDate(selected[0]); 
    //alert("SELECTED: " + dateToLocaleString(selDate, this)); 
	//alert("go");
	return;
	//var selected = args[0];   
	//var selDate = this.toDate(selected[0]);   
	//alert(obj.name);
	var dates = args[0];   
    var date = dates[0];   
    var year = date[0], month = date[1], day = date[2];   
	if (month.toString().length == 1) month = "0" + month;
	if (day.toString().length == 1) day = "0" + day;
	alert(year + "/" + month + "/" + day);
   
    var txtDate = document.getElementById(retobj);
	if (txtDate != null) txtDate.value = year + "/" + month + "/" + day;  
	//selCal.hide(); 
	//alert(dateToLocaleString(selDate, this));  
}

//選擇日期
//retobj: 要回傳的日期物件
function showCalendar(evt, vtitle, vretobj) {
	retobj = vretobj;
	if (document.all) {
		px = evt.x + document.documentElement.scrollLeft;	// + document.body.scrollLeft;
		py = evt.y + document.documentElement.scrollTop + 5;	// + document.body.scrollTop + 10;
	} else {
		px = evt.clientX + document.documentElement.scrollLeft;
		py = evt.clientY + document.documentElement.scrollTop + 5;
	}
	var vcal_div = document.getElementById("divCallendar");
	//alert(px + ", " + py)
	if (vcal_div != null) {
		vcal_div.style.left = px + "px";
		vcal_div.style.top = py + "px";
		if (vtitle != "") selCal.cfg.setProperty("title", vtitle);
		selCal.show();
	}
}
function evtRenderHandler(type, args, obj) {
	//renderCellDefault = function(workingDate, cell) {
   	//cell.innerHTML = '<a href="#" class="' + this.Style.CSS_CELL_SELECTOR + '">' + this.buildDayLabel(workingDate) + "</a>";
	alert(obj);
	//var vweek = obj.getWeekNumber(obj.workingDate, 0, YAHOO.widget.DateMath.WEEK_ONE_JAN_DATE);
	//alert(vweek);
	return;
}

//初始化日期物件
function initCalendar() {
	//先在頁面產生一個行事曆用的div
	//document.write("<div id='divCallendar' style='position:absolute; z-index:1;'>&nbsp;</div>");
	//selCal = new YAHOO.widget.Calendar("divCallendar", { title:"請選擇日期", close:true });	
	selCal = new YAHOO.widget.Calendar("divCallendar", { close:false });	
	selCal.cfg.setProperty("DATE_FIELD_DELIMITER", "/");
	
	selCal.cfg.setProperty("MDY_DAY_POSITION", 3);
	selCal.cfg.setProperty("MDY_MONTH_POSITION", 2);
	selCal.cfg.setProperty("MDY_YEAR_POSITION", 1);
	
	selCal.cfg.setProperty("MD_DAY_POSITION", 2);
	selCal.cfg.setProperty("MD_MONTH_POSITION", 1);
	
	// Date labels for German locale
	selCal.cfg.setProperty("MONTHS_SHORT",   ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"]);
	selCal.cfg.setProperty("MONTHS_LONG",   ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"]);
	//cal1.cfg.setProperty("MONTHS_LONG",    ["Januar", "Februar", "M\u00E4rz", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"]);
	selCal.cfg.setProperty("WEEKDAYS_1CHAR", ["日", "一", "二", "三", "四", "五", "六"]);
	selCal.cfg.setProperty("WEEKDAYS_SHORT", ["<font color='#F00'>日</font>", "一", "二", "三", "四", "五", "<font color='#009100'>六</font>"]);
	//cal1.cfg.setProperty("WEEKDAYS_MEDIUM",["日", "Mon", "Die", "Mit", "Don", "Fre", "Sam"]);
	selCal.cfg.setProperty("WEEKDAYS_LONG", ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]);
	selCal.cfg.setProperty("multi_select", true);
	
	//selCal.cfg.setProperty("selected","01/05/2010-04/05/2010", false);
	//selCal.beforeRenderEvent.subscribe(evtRenderHandler, selCal, true);
	selCal.selectEvent.subscribe(evtSelectHandler, selCal, true);
	selCal.changePageEvent.subscribe(evtMonthHandler, selCal, true);
	//selCal.hide();
	selCal.render();
}

-->
