//inicializados JQuery
$(document).ready(function(){
	buildLinks();
});

function buildLinks(){
	var div = document.getElementById("conteudo");
	var h4 = div.getElementsByTagName("h4");
	for(var i=0; i<h4.length; i++){
		var lnk = h4[i];
		lnk.text = h4[i].innerHTML;
		lnk.onclick = function(){
			var desc = document.getElementById("col_descricao");
			var text = document.getElementById("p"+this.id);
			var html = "<a href='javascript:void(0)' onclick='closediv()' id='fechar'></a>";
			html += "<h4>"+this.text+"</h4><p>"+text.innerHTML+"</p>";
			var num = rand(4);
			desc.style.backgroundImage = "url(images/site_comocolaborar_painel"+num+".png)";
			if(num==1){
				desc.style.color="#C65353";
			} else if (num==2){
				desc.style.color="#B68503";
			} else {
				desc.style.color="#FFFFFF";
			}
			desc.style.left = "560px";
			desc.style.display = "block";
			desc.style.opacity = "0";
			desc.style.filter = "alpha(opacity=0)";
			$("#col_descricao").animate({opacity:1.0}, 250);
			$("#col_descricao").animate({left:"600px"}, 350);
			desc.innerHTML = html
		} 
	}
}
function closediv(){
	$("#col_descricao").animate({opacity:0.0}, 250);
	window.setTimeout("nonediv()", 260);
}
function nonediv(){
	document.getElementById("col_descricao").style.display="none";
}

function rand(n){
	return (Math.floor(Math.random() * n + 1));
}

function findPos(obj){
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
		return [curleft,curtop];
	}
}