$(document).ready(function(){
	$("#globo1").bind("mouseover", function(){
		$(this).parent().css("position", "relative");
		$("#myglobo2").hide(500);
		if (!document.getElementById("myglobo1"))
		{
			var div1 = document.createElement("DIV");
			var div1top = document.createElement("DIV");
			var div1content = document.createElement("DIV");
			var div1bottom = document.createElement("DIV");
			var ptext1 = document.createElement("P");
			var texto1 = document.createTextNode(globo1);
/*			var anchor1 = document.createElement("A");
			var anchor1text = document.createTextNode("[x]");
			anchor1.setAttribute("href", "javascript:myToggle('myglobo1');");
			anchor1.appendChild(anchor1text);
*/
			div1.id = "myglobo1";

			div1top.className = "globoTop";
			div1content.className = "globoContent";
			div1bottom.className = "globoBottom";

			ptext1.appendChild(texto1);
			//ptext1.appendChild(anchor1);
			div1content.appendChild(ptext1);
			div1.appendChild(div1top);
			div1.appendChild(div1content);
			div1.appendChild(div1bottom);
			$("#wrapper").append(div1);	
		}
		$("#myglobo1").show(500);
	});
	$("#globo2").bind("mouseover", function(){
		$(this).parent().css("position", "relative");
		$("#myglobo1").hide(500);
		if (!document.getElementById("myglobo2"))
		{
			var div2 = document.createElement("DIV");
			var div2top = document.createElement("DIV");
			var div2content = document.createElement("DIV");
			var div2bottom = document.createElement("DIV");
			var ptext2 = document.createElement("P");
			var texto2 = document.createTextNode(globo2);
			var ptext2b = document.createElement("P");
			var texto2b = document.createTextNode(globo2b);
			/*
			var anchor2 = document.createElement("A");
			var anchor2text = document.createTextNode("[x]");
			anchor2.setAttribute("href", "javascript:myToggle('myglobo2');");
			anchor2.appendChild(anchor2text);
			*/

			div2.id = "myglobo2";

			div2top.className = "globoTop";
			div2content.className = "globoContent";
			div2bottom.className = "globoBottom";

			ptext2.appendChild(texto2);
			ptext2b.appendChild(texto2b);
			//ptext2.appendChild(anchor2);
			div2content.appendChild(ptext2);
			div2content.appendChild(ptext2b);
			div2.appendChild(div2top);
			div2.appendChild(div2content);
			div2.appendChild(div2bottom);
			$("#wrapper").append(div2);	
		}
		$("#myglobo2").show(500);
	});
	$("#globo1, #globo2").bind("mouseout", function(){$("#my" + this.id).hide(500);});
});

function myToggle(element)
{
	$("#"+element).toggle(800);
}