/*****************************************************
Function: manipulate popup div
******************************************************/
function popupShow(){
	
	addElement("mainPage","globalWrapper","div");	
	setClassName("globalWrapper","globalWrapper"); 
	setOnClick("globalWrapper","popupHide();");

	//change the height of the cover div to include the scroll height
	var temp = getPageSize();
	document.getElementById("globalWrapper").style.height = temp[1] + "px";
	
	popupToCenter();
	
	showHideElement("popup",true);
}

function popupHide(){
	var popup = document.getElementById("popup");
	
	popup.innerHTML = '';
	
	showHideElement("popup",false);
	
	removeElement("mainPage","globalWrapper");
}

function popupSetTitle(title){
	var popupTitle = document.getElementById("popupTitle");
	
	popupTitle.innerHTML = title;
}

function popupSetText(text){
	var popupText = document.getElementById("popupText");
	
	popupText.innerHTML = text;
}

function popupAddButton(id,text,action){
	var popupButtons = document.getElementById("popupButtons");
	
	addElement("popupButtons",id,'input','button');
	setElementAttribute(id,'value',text);

	setOnClick(id,action);
}

function popupToCenter(){
	var pageInfo = getPageSize();
	var dimensions = Element.getDimensions("popup");
	var width = dimensions.width;
	var height = dimensions.height;
	var popup = document.getElementById("popup");
	
	x = pageInfo[0]/2 - width/2;
	y = pageInfo[1]/2 - height/2;
	
	popup.style.top = (y -100) + "px";
	popup.style.left = x + "px";
}