var days = new Array();
var selected = "";
var selected_color = "#FFCCCC";
var unselected_color = "#FFFFFF";
var focused_color = "#CCCCFF";

function yyyymm2id (yyyymm) {
	yyyymm.replace("年", "-");
	yyyymm.replace("月", "");
	id = "m" + yyyymm;
	return(id);
}

function yyyymm(m) {
	t = m.split("-");
	yyyy = t[0];
	mm   = t[1].replace(/^0+/, "");
	return(yyyy + "年" + mm + "月");
}

function init() {
	var elements = "";
	var flag = 0;
	var first = "";

	days = eval('(' + calendar_data + ')');

	n = 0;
	for (m in days) {
	   if (flag == 0) {
	     first = m;
	     flag = 1;
	   }

	   e = "<a id = \"" + yyyymm2id(m) + "\" href = \"#\"";
	   e = e + " onClick = \"cal('" + m + "')\"";
	   e = e + " onMouseover = \"select('" + m + "')\"";
	   e = e + " onMouseout = \"unselect('" + m + "')\"";
	   e = e + " class = \"button\">" + yyyymm(m) + "</a>";
	   elements = elements + e;

	   n++;
	}

	document.getElementById('month').innerHTML = elements;
	document.getElementById(yyyymm2id(first)).style.backgroundColor = selected_color;

	for (i = 1; i < n; i++) {
	   document.getElementById('menu' + i.toString(10)).style.display = "none";
	   document.getElementById('menu' + i.toString(10)).style.margin  = "0px";
	   document.getElementById('menu' + i.toString(10)).style.padding = "0px";

	}
}

function select(yyyymm) {
	if (yyyymm != selected) {
	  document.getElementById(yyyymm2id(yyyymm)).style.backgroundColor = focused_color;
	}
}

function unselect(yyyymm) {
	if (yyyymm != selected) {
	  document.getElementById(yyyymm2id(yyyymm)).style.backgroundColor = unselected_color;
	}
}

function cal(yyyymm) {
	var elements = "";

	selected = yyyymm;

	for (m in days) {
	   document.getElementById(yyyymm2id(m)).style.backgroundColor = unselected_color;
	}

	document.getElementById(yyyymm2id(yyyymm)).style.backgroundColor = selected_color;

	for (d in days[yyyymm]) {
	   e = "<input type = \"radio\" name = \"date\" value = \"" + days[yyyymm][d] + "\"/><span>" + days[yyyymm][d] + "</span><br />";
	   elements = elements + e;
	}

	document.getElementById('days').innerHTML = elements;
}