function setOpacity(domId, val) {
	obj = document.getElementById(domId);
	obj.style.MozOpacity = val;
	obj.style.opacity = val/20;
	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, 60); //..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, 40); //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.display = ''; //Un-hide the object before its animation
	var alpha = 10; //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 < 20)setTimeout(a, 50);
		/*Till alpha is 10, keep calling the
		a() function after 100 milliseconds */
	}
	setTimeout(a, 40); //This is where we call the a() function for the first time
};


function dontLoad(){
document.getElementById('div1').style.display='none';
};