var YearOpen = "FALSE";

function showYear(id)
{
	if(YearOpen == "FALSE")
	{
		appear(id + 'group');
		YearOpen = id + 'group';
	}
	else
	{
		appear(id + 'group');
		fade(YearOpen);
	}
}

function setOpacity(domId, val) {
	obj = document.getElementById(domId);
	obj.style.MozOpacity = val;
	obj.style.opacity = val/10;
	obj.style.filter = 'alpha(opacity=' + val*10 + ')';
};

function fade(domId){
	obj = document.getElementById(domId); //Get the Element
	if(obj.style.display == "none") return false; //Return false if the element is already hidden
	var alpha = 10; //Set the initial value of alpha to 10 (Opaque)
	function f(){ //Internal function
		alpha--; //Decrememnt the alpha value
		setOpacity(domId, alpha); //Set the opacity of our element to the specified alpha
		if(alpha > -1){ //If alpha is still bigger than -1 then..
			setTimeout(f, 100); //..then call the function again after 100 milliseconds
		}else{ //otherwise..
			obj.style.display = 'none'; //..otherwise now that we cant see the element anyways, hide it
		}
	}
	setTimeout(f, 100); //This is where we call the f() function for the first time
};

function appear(domId){
	obj = document.getElementById(domId); //Get the element
	if(obj.style.display != "none") return false; //Return if it is already being displayed
	obj.style.opacity = 0;
	obj.style.filter = 'alpha(opacity=0)';
	obj.style.display = ''; //Un-hide the object before its animation
	var alpha = 0; //Set the initial value of alpha to 0 (invisible)
	function a(){ //Internal function
		alpha++; //Increment alpha
		setOpacity(domId, alpha); //Set the opacity of our element to the specified alpha
		if(alpha < 11)setTimeout(a, 100);
		YearOpen = domId;
		/*Till alpha is 10, keep calling the
		a() function after 100 milliseconds */
	}
	setTimeout(a, 100); //This is where we call the a() function for the first time
};