var div;
var years = ['2009', '2008', '2007', '2006'];
var archives = ['works', 'performances', 'scores'];

function divBlur(id) {
	div = document.getElementById(id);
	
	for (i=0; i < div.childNodes.length; i++) 
	{
		div.childNodes[i].blur();
	}
}

function select(id) {
	div = document.getElementById(id + "link");
	div.style.backgroundColor = "#d1d6b2";
	
	divBlur(id + "link");
}

function deselect(id) {
	
	div = document.getElementById(id + "link");
	div.style.backgroundColor = "#222";
}

function deselectAll() {
	for(i=0; i< years.length; i++) deselect(years[i]);
	for(i=0; i< archives.length; i++) deselect(archives[i]);

}
function expandYears() {
	
	for(i=0; i< years.length; i++) 
	{
		div = document.getElementById(years[i] + "menu");
		div.style.visibility = "visible";
		div.style.height = "auto";
		
		deselect(years[i]);
	}
	
	document.getElementById.getElementsByTagName('a')[0].blur();
}

function expandArchives() {
	
	for(i=0; i< archives.length; i++) 
	{
		div = document.getElementById(archives[i] + "menu");
		div.style.visibility = "visible";
		div.style.height = "auto";
		
		deselect(archives[i]);
	}
	
	document.getElementById.getElementsByTagName('a')[0].blur();
}

function hideNavs() {
	hideYears();
	hideArchives();
}

function hideYears() {
	
	for(i=0; i< years.length; i++) 
	{
		div = document.getElementById(years[i] + "menu");
		div.style.visibility = "hidden";
		div.style.height = "0px";
		
		deselect(years[i]);
	}
}

function hideArchives() {
	
	for(i=0; i< archives.length; i++) 
	{
		div = document.getElementById(archives[i] + "menu");
		div.style.visibility = "hidden";
		div.style.height = "0px";
		
		deselect(archives[i]);
	}
}

function showYear(id) {
	
	hideYears();
	deselectAll();
	
	div = document.getElementById(id + "menu");
	div.style.visibility = "visible";
	div.style.height = "auto";
	
	select(id);
}

function showArchive(id) {
	hideArchives();
	deselectAll();
	
	div = document.getElementById(id + "menu");
	div.style.visibility = "visible";
	div.style.height = "auto";
	
	select(id);
}