// JavaScript Document
/******************************************************
Requires penSiteBuilder
*******************************************************/
var popUpMessage=undefined;

function createPopUpMessage(ele)
{
	removePopUpMessage();
	popUpMessage=document.createElement("div");
	popUpMessage.setAttribute("class","popUpMessage");
	
	var popUpMessageTitle=buildElement("div",popUpMessage,"class,popUpMessageTitle");
	var popUpMessageType=buildElement("div",popUpMessage,"class,popUpMessageType");
	var popUpMessageDescription=buildElement("div",popUpMessage,"class,popUpMessageDescription");
	
	//var name=ele.getElementById("name").innerHTML;
	//alert(ele);
	//Collect all the data by looping through the children and looking for the needed hidden data. 
	var name; var type; var url; var description;
	for (var i=0;i<ele.children.length;i++)
	{
		var child=ele.children[i];
		var id=child.getAttribute("id");
		
		switch(id)
		{
			case "name":
			{
				name=child.innerHTML
				break;
			}
			case "type":
			{
				type=child.innerHTML
				break;
			}
			case "url":
			{
				url=child.innerHTML
				break;
			}
			case "description":
			{
				description=child.innerHTML
				break;
			}
		}
	}
	popUpMessageTitle.innerHTML=name;
	popUpMessageType.innerHTML=type;
	popUpMessageDescription.innerHTML=description;
	
	document.getElementsByTagName("body")[0].appendChild(popUpMessage);
	//alert(popUpMessage.style.width);
	var offSetScroll=getOffsetScroll(ele);
	var pos=getAbsolutePosition(ele);
	popUpMessage.style.top=(pos[0]-offSetScroll[0])+"px";
	popUpMessage.style.left=(pos[1]-200)+"px";
	
	setOpacity(popUpMessage,"0.90");
	setOpacity(popUpMessageTitle,"0.90");
	setOpacity(popUpMessageType,"0.90");
	setOpacity(popUpMessageDescription,"0.90");
}

function removePopUpMessage()
{
	if (popUpMessage!=undefined)
	{
		popUpMessage.parentNode.removeChild(popUpMessage);
		popUpMessage=undefined;
	}
}