years=new Array('2008','2007','2005','2004','2002','2000','1999','1996','1994','1993','1984','1983','1976','1975','1974','1972','1971','1970','1967','1966','1958','1954','1946','1943','1942','1934','1933');



window.onload=function(){

div=$('Btn2008');
div.onclick=function () {
	showYear('timeline2008');
	return false};
div=$('Btn2007');
div.onclick=function () {
	showYear('timeline2007');
	return false};
div=$('Btn2005');
div.onclick=function () {
	showYear('timeline2005');
	return false};
div=$('Btn2004');
div.onclick=function () {
	showYear('timeline2004');
	return false};
div=$('Btn2002');
div.onclick=function () {
	showYear('timeline2002');
	return false};
div=$('Btn2000');
div.onclick=function () {
	showYear('timeline2000');
	return false};
div=$('Btn1999');
div.onclick=function () {
	showYear('timeline1999');
	return false};
div=$('Btn1996');
div.onclick=function () {
	showYear('timeline1996');
	return false};
div=$('Btn1994');
div.onclick=function () {
	showYear('timeline1994');
	return false};
div=$('Btn1984');
div.onclick=function () {
	showYear('timeline1984');
	return false};
div=$('Btn1993');
div.onclick=function () {
	showYear('timeline1993');
	return false};
div=$('Btn1983');
div.onclick=function () {
	showYear('timeline1983');
	return false};
div=$('Btn1976');
div.onclick=function () {
	showYear('timeline1976');
	return false};
div=$('Btn1975');
div.onclick=function () {
	showYear('timeline1975');
	return false};
div=$('Btn1974');
div.onclick=function () {
	showYear('timeline1974');
	return false};
div=$('Btn1972');
div.onclick=function () {
	showYear('timeline1972');
	return false};
div=$('Btn1971');
div.onclick=function () {
	showYear('timeline1971');
	return false};
div=$('Btn1970');
div.onclick=function () {
	showYear('timeline1970');
	return false};
div=$('Btn1967');
div.onclick=function () {
	showYear('timeline1967');
	return false};
div=$('Btn1966');
div.onclick=function () {
	showYear('timeline1966');
	return false};
div=$('Btn1958');
div.onclick=function () {
	showYear('timeline1958');
	return false};
div=$('Btn1954');
div.onclick=function () {
	showYear('timeline1954');
	return false};
div=$('Btn1946');
div.onclick=function () {
	showYear('timeline1946');
	return false};
div=$('Btn1943');
div.onclick=function () {
	showYear('timeline1943');
	return false};
div=$('Btn1942');
div.onclick=function () {
	showYear('timeline1942');
	return false};
div=$('Btn1934');
div.onclick=function () {
	showYear('timeline1934');
	return false};
div=$('Btn1933');
div.onclick=function () {
	showYear('timeline1933');
	return false};
div=$('set1Btn');
div.onclick=function () {
	showEra('set1');
	return false};
div=$('set2Btn');
div.onclick=function () {
	showEra('set2');
	return false};
div=$('set3Btn');
div.onclick=function () {
	showEra('set3');
	return false};
div.onmouseover=function(){
	set();
	
};

}



function showEra(id){
	clearEra();
	light=$(id+'Btn');
	light.className="era-highlight";
	new Effect.Appear(id);
}

function clearEra(){
	for(i=1;i<4;i++){
		//clear highlight
		id='set'+i+'Btn';
		light=$(id);
		light.className="era";
		
		//turn off ul's
		id='set'+i;
		div=document.getElementById(id);
		
		div.style.display="none";
	}
}

function showYear(id){
	clearYear();
	new Effect.Appear(id);
	id=id.substr(8,4);
	id="Btn"+id;
	light=$(id);
	light.className="years-highlight";
	
}


function clearYear(){
	//clear highlight while we're at it
	
	for(i=0;i<years.length;i++){
		id=years[i];
		light=$('Btn'+id);
		light.className="years";
		div=document.getElementById('timeline'+id);
		div.style.display="none";
	}
}