var root_dir = "";
var years;
var months;

Event.observe(window, 'load', function() {

	years = $('content').getElementsByClassName('year');
	
	$A(years).each( function(el) {
		el.onclick = function() {
			yearSetUp(el);
			return false;
		}
		if (el.attachEvent) {
			el.attachEvent("onclick", function() {
				yearSetUp(el);
				return false;
			});
		}
	});
	
	months = $('content').getElementsByClassName('month_links');
	
	$A(months).each( function(m) {
		m.onclick = function() {
			monthSetUp(m);
			return false;
		}
		if (m.attachEvent) {
			m.attachEvent("onclick", function() {
				monthSetUp(m);
				return false;
			});
		}
	});
	
});

function yearSetUp(y) {
	turnOffLinks(years);
	var yider = y.getAttribute('id');
	var cl = y.className;
	y.className = cl.replace('more ', 'selected_bold ');
	if ($('year_'+yider)) {
		renderText(" ");
		closeAllMonths();
		$('year_'+yider).style.display = "block";
	}
}

function monthSetUp(m) {
	turnOffLinks(months);
	renderText("Loading...");
	var mider = m.getAttribute('id');
	var cl = m.className;
	m.className = cl.replace('more ', 'selected_bold ');
	var h = m.getAttribute('href');
	new Ajax.Request(h+'ajax/', {
		method:'post', 
		onComplete: function(r) {
    		var response = r.responseText || "no response text";
			$('month_list').innerHTML = response;
		}			
	});
}

function closeAllMonths() {
	$A($('content').getElementsByClassName('months')).each( function(m) {
		m.style.display = "none";
	});
}

function turnOffLinks(ar) {
	$A(ar).each( function(a) {
		//var cl = a.getAttribute('class');
		var cl = a.className;
		a.className = cl.replace('selected_bold ', 'more ');
	});
}

// render some text
// with the correct formating

function renderText(txt) {
	$('month_list').innerHTML = "<div class=\"col1 left\">&nbsp;</div><div class=\"col2 left\">"+txt+"</div>";
}