/**************************************
/*	top.js
/*************************************/

Event.observe(window,"load",function(){
	/** イベントカレンダー **/
	eventCalendarJs();
	
});



/** イベントカレンダー **/
var cal_y = '';
var cal_m = '';
var cal_d = '';
function eventCalendarJs(){
	//param = Form.serialize("calval");
	param = "type=eventcalendar&year="+cal_y+"&month="+cal_m+"&day="+cal_d;
	mAjax(param,buildCalendar);
}
function buildCalendar(oj){
	cboth = document.createElement("DIV");
	cboth.className = 'cboth';
	//曜日リスト
	var weklist = new Array('日','月','火','水','木','金','土');
	//入れ物
	var nav = $('calendarnav');
	var cal = $('calendarbody');
	nav.innerHTML = '';
	cal.innerHTML = '';
	
	var json = eval("("+oj.responseText+")");
	
	//カレンダーナビゲーション
	navttl = document.createElement("DIV");
	navttl.id = 'navttl';
	navttl.innerHTML = json.year+'年'+json.month+'月';
	navleft = document.createElement("DIV");
	navright = document.createElement("DIV");
	navleft.className = 'calnav';
	navright.className = 'calnav';
	navleft.id = 'navleft';
	navright.id = 'navright';
	navleft.innerHTML = '<img src="/img/cal_arrow_left.gif" border="0">';
	navright.innerHTML = '<img src="/img/cal_arrow_right.gif" border="0">';
	//月移動イベント
	Event.observe(navleft,"click",function(){moveMonth('left');});
	Event.observe(navright,"click",function(){moveMonth('right');});
	
	nav.appendChild(navttl);
	nav.appendChild(navright);
	nav.appendChild(navleft);
	
	//カレンダーテーブル
	var table = document.createElement("TABLE");
	table.id = 'calTbl';
	table.setAttribute("align","center");
	table.setAttribute("cellpadding",0);
	table.setAttribute("cellspacing",0);
	table.setAttribute("border",0);
	//曜日行
	var tr = document.createElement("TR");
	for(i=0;i<7;i++){
		td = document.createElement("TD");
		td.className = 'week';
		if(i==0){ td.style.color = '#F00'; }
		td.innerHTML = weklist[i];
		tr.appendChild(td);
	}
	table.appendChild(tr);
	//日付
	var d=0;
	var wekline = Math.floor((parseInt(json.maxd)+parseInt(json.startwek))/7);
	if((parseInt(json.maxd)+parseInt(json.startwek))%7){ wekline++; }
	for(l=1; l<=wekline; l++){
		tr = document.createElement("TR");
		for(i=0;i<7;i++){
			var evn=0;
			td = document.createElement("TD");
			td.className = 'days';
			if(i==0){td.style.color = '#F00'; }
			if(l==1 && i==json.startwek){ d=1; }
			if(d >= 1 && d <= json.maxd){
				td.innerHTML = d;
				//イベントの割当
				if(json.culture == undefined && json.events == undefined){ continue; }
				if(json.culture[d] != undefined){ evn = json.culture[d].length; }
				if(json.events[d] != undefined){ evn = json.events[d].length; }
				if(evn>0){
					td.style.backgroundColor="#FC0";
					Event.observe(td,"click",function(m){
						dayEvents(m.target.innerHTML);
					});
				}
				d++;
			}else{
				td.innerHTML = '&nbsp;';
			}
			tr.appendChild(td);
		}
		tbody = document.createElement("TBODY");
		tbody.appendChild(tr);
		table.appendChild(tbody);
	}
	cal.appendChild(table);
	//データ表示DIV
	var div = document.createElement("DIV");
	div.id = 'evcalinfo';
	cb = document.createElement("DIV");
	cb.id = 'eciclosebox';
	cb.innerHTML = '閉';
	Event.observe(cb,"click",function(){
		Effect.BlindUp("evcalinfo",{duration:0.2});
	});
	div.appendChild(cb);
	divttl = document.createElement("DIV");
	divttl.id = "evcalttl";
	div.appendChild(divttl);
	div.appendChild(cboth);
	divcon = document.createElement("DIV");
	divcon.id = 'evinfo';
	div.appendChild(divcon);
	$('calendarbody').appendChild(div);
	Element.hide(div);
}

//月移動
function moveMonth(t){
	cal_d = 1;
	if(cal_y == '' || cal_m == ''){
		date = new Date;
		if(cal_y == '') { cal_y = date.getFullYear(); }
		if(cal_m == '') { cal_m = date.getMonth(); cal_m++; }
	}
	if(t == 'left'){
		cal_m--;
	}else if(t == 'right'){
		cal_m++;
	}
	if(cal_m > 12){
		cal_m = 1;
		cal_y++;
	}
	if(cal_m < 1){
		cal_m = 12;
		cal_y--;
	}
	
	eventCalendarJs();
}

//イベント表示
function dayEvents(d){
	var param = "type=dayevents&year="+cal_y+"&month="+cal_m+"&day="+d;
	new mAjax(param,dayEventsList);
}
function dayEventsList(oj){
	var json = eval("("+oj.responseText+")");
	var evi = $('evinfo');
	evi.innerHTML = '';
	$('evcalttl').innerHTML = '';
	var date = document.createTextNode("　"+json.year+"年"+json.month+"月"+json.day+"日");
	$('evcalttl').appendChild(date);
	
	if(json.events != undefined){
		div = document.createElement("DIV");
		div.innerHTML = 'イベント：';
		evi.appendChild(div);
		for(i=0;i<json.events.length;i++){
			txt = document.createTextNode(json.events[i].title);
			br = document.createElement("BR");
			evi.appendChild(txt);
			evi.appendChild(br);
		}
	}
	if(json.culture != undefined){
		h1 = document.createElement("H1");
		h1.innerHTML = 'まちの湯事業：';
		evi.appendChild(h1);
		ul = document.createElement("UL");
		for(i=0;i<json.culture.length;i++){
			if(json.culture[i].title == undefined) { continue; }
			hour = figure_change(json.culture[i].hour,2,0);
			min = figure_change(json.culture[i].min,2,0);
			li = document.createElement("LI");
			txt = document.createTextNode(hour+":"+min+" "+json.culture[i].title+" ");
			li.appendChild(txt);
			//屋号リンク
			link = document.createElement("A");
			link.href = '/map/'+json.culture[i].serial+'.html';
			link.innerHTML = json.culture[i].yago;
			li.appendChild(link);
			ul.appendChild(li);
		}
		evi.appendChild(ul);
	}
	Effect.BlindDown('evcalinfo',{duration:0.2});
}