//add onload event listeners
if (window.attachEvent) {
	window.attachEvent("onload",archivemenu_init);
}
else if (window.addEventListener) {
	window.addEventListener("load",archivemenu_init,true);
}

function archivemenu_init() {
	//if JS is enabled, hide everything but the selected year, and set
	//their onclick events to toggle the menu's visibility
	var container = document.getElementById("archivemenu");
	var years = getElementsByClassName("year","li",container);
	var i,len = years.length;
	var query = location.search,pos;
	var curYear = (new Date()).getFullYear();
	var selYear = curYear;
	if ((pos = query.indexOf("y=")) != -1)
		selYear = parseInt(query.substr(pos+2,4));
	
	for (i = 0; i < len; i++) {
		years[i].firstChild.onclick = function() {	
			toggleMenu(container,this.firstChild.nodeValue.substr(0,4));
			return false;
		}
	}
}

function toggleMenu(container,year) {
	var el = getElementsByClassName("year-"+year,"ul",container);
	var years = getElementsByClassName("year","li",container),i,len = years.length;
	
	//hide everything
	for (i = 0; i < len; i++)
		years[i].firstChild.nextSibling.nextSibling.style.display = "none";
	//only show the one that got clicked
	if (el.length > 0)
		el[0].style.display = (el[0].style.display == "block") ? "none" : "block";		
}

//this won't check for multiple class names!
function getElementsByClassName(cname, tag, node) {	
	if (!node)
		node = document;
	if (!tag)
		tag = "*";
		
	var arr = new Array(),els = node.getElementsByTagName(tag),i,len = els.length;
	for (i = 0; i < len; i++)
		if (els[i].className == cname)
			arr.push(els[i]);
			
	return arr;
}