// Fazedor de site - http://www.fazedordesite.com  
// Exemplo da forma correta de utilizar javascript 
// Javascript Não-obstrutivo 

function fadeIn(id,value){
	tElem = document.getElementById(id);
	if(tElem.style.display == "none") tElem.style.display = "";
	if(!value || value == undefined) value=0;
	if(value < 100){
		value+=10;
		alpha = value/100;
		tElem.style.MozOpacity=alpha;
		tElem.style.filter="alpha(opacity="+value+")";
		tElem.style.opacity = alpha;
		setTimeout("fadeIn('"+id+"',"+value+")",1);
	}
}
function fadeOut(id,value){
	tElem = document.getElementById(id);
	if(value == undefined) value=100;
	if(value > 0){
		value-=10;
		alpha = value/100;
		tElem.style.MozOpacity=alpha;
		tElem.style.opacity = alpha;
		tElem.style.filter="alpha(opacity="+value+")";
		setTimeout("fadeOut('"+id+"',"+value+")",1);
	}
}
window.onload = function(){
	pegalinks = document.getElementsByTagName("a");
	for(i=0;i<pegalinks.length;i++){
		if(pegalinks[i].id=="mostra_quadrados"){
			pegalinks[i].onclick = function(){				
				fadeIn("q1");
				fadeIn("q2");
				fadeIn("q3");
				return false;
			}
		}
		if(pegalinks[i].id=="esconde_quadrados"){
			pegalinks[i].onclick = function(){
				fadeOut("q1");
				fadeOut("q2");
				fadeOut("q3");
				return false;
			}
		}
	}
}