var calendarObj;

function initEvent() {
	$('eventPopup').hide();

	calendarObj = new Calendar('eventCalendar');
	calendarObj.setOnMouseOver('popupInfo');
	calendarObj.setOnMouseOut('closePopupInfo');
	loadList();

	var today = new Date();
	var date = today.getDate();
	var month = today.getMonth() + 1;
	var year = today.getYear();
	if (year < 1000) year += 1900;
	calendarObj.makeCalendar(month, year);
}

function popupInfo(date, month, year, src) {
	var box = $('eventPopup');
	if(!box.visible()) {
		var cleft = 0, ctop = 0, cur = src;
		while (cur.offsetParent) {
			cleft += cur.offsetLeft;
			ctop += cur.offsetTop;
			cur = cur.offsetParent;
		}
		
		box.style.left = (cleft - 192) + 'px';
		box.style.top = (ctop + 22) + 'px';
	}
	box.update('<img src="../pictures/loading_16x16.gif" alt="Loading.." />').show();

	var htmlText = '';
	var myAjax = new Ajax.Request('/event/event.xml.php', {
		method: 'get',
		parameters: 'act=getInfo&date='+date+'&month='+month+'&year='+year,
		onComplete: function (transport) {
			var data = transport.responseXML.getElementsByTagName('event');
			for (var i = 0; i < data.length; i++) {
				if (i != 0) htmlText += '<hr />';
				htmlText += '<h4>'+data[i].getElementsByTagName('title')[0].firstChild.nodeValue.escapeHTML()+'</h4>';
				htmlText += '<p>'+data[i].getElementsByTagName('desc')[0].firstChild.nodeValue.escapeHTML().nl2br()+'</p>'
				//htmlText += '<input type="button" value=" ปิด " onclick="javascript: closePopupInfo();" />';
			}
			box.update(htmlText);
		}
	});
}

function closePopupInfo() {
	$('eventPopup').hide();
}

function loadList() {
	var myAjax = new Ajax.Request('/event/event.xml.php', {
		method: 'get',
		parameters: 'act=getList',
		asynchronous: false,
		onComplete: function (transport) {
			
			var data = transport.responseXML.getElementsByTagName('event');
			for (var i = 0; i < data.length; i++) {
				var date = data[i].getAttribute('date');
				var month = data[i].getAttribute('month');
				var year = data[i].getAttribute('year');
				calendarObj.setEvent(date, month, year, 1);
			}
		}
	});
}