window.onload = function init(){
	
	///popup draggable.
	var popup = document.getElementById("PopUp");
	var startDrag = function(e){
		var ietruebody = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
		var offsetX = ((document.all) ? event.clientX + ietruebody.scrollLeft : e.pageX) - popup.style.left.substr(0, popup.style.left.length-2);
		var offsetY = ((document.all) ? event.clientY + ietruebody.scrollTop : e.pageY) - popup.style.top.substr(0, popup.style.top.length-2);

		var moveIt = function(e){
			var newX = (document.all) ? event.clientX + ietruebody.scrollLeft : e.pageX;
			var newY = (document.all) ? event.clientY + ietruebody.scrollTop : e.pageY;
			var tempX = newX - offsetX;
			var tempY = newY - offsetY;
			var rightEdge = (document.all) ? ietruebody.clientWidth + ietruebody.scrollLeft : window.innerWidth + window.pageXOffset - 25;
			var rightEdge = (document.all) ? ietruebody.clientWidth + ietruebody.scrollLeft : window.innerWidth + window.pageXOffset - 25;
			var bottomEdge = (document.all) ? ietruebody.clientHeight + ietruebody.scrollTop : window.innerHeight + window.pageYOffset - 25;
			if (tempX + popup.offsetWidth > rightEdge) tempX = rightEdge - popup.offsetWidth;
			if (tempY + popup.offsetHeight > bottomEdge) tempY = bottomEdge - popup.offsetHeight;
			if (tempX < 0) tempX = 0;
			if (tempY < 0) tempY = 0;
			popup.style.left = tempX + 'px';
			popup.style.top = tempY + 'px';
		}
		document.onmousemove = moveIt;
	}
	document.getElementById("PopUpTitle").onmousedown = startDrag;

	var stopDrag = function(){
		document.onmousemove = null;
	}
	popup.onmouseup = stopDrag;
}

function showPopUp(title, body, width) {
	var doc = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
	var e_popUp = document.getElementById("PopUp");
	var e_title = document.getElementById("PopUpTitle");
	var e_body = document.getElementById("PopUpBody");
	
	if(width) e_popUp.style.width = width + 'px';
	e_title.innerHTML = title;

	var oldContent = document.getElementById("PopUpContent");
	var newContent = document.createElement("div");
	newContent.id = "PopUpContent";
	newContent.innerHTML = body;
	e_body.replaceChild(newContent, oldContent);

	var height = document.body.clientHeight;
	var width = document.body.clientWidth;
	
	e_popUp.style.visibility="hidden";
	e_popUp.style.display="block";
	e_popUp.style.left = (width - e_popUp.offsetWidth)/2 + 'px';
	var top = (height - e_popUp.offsetHeight)/2 + doc.scrollTop;
	if(top < 15) top = 15;
	
	//window.scroll(0,0);
	e_popUp.style.top = window.pageYOffset + 150 + 'px';
	
	// Create and show the BodyCover
	var coverOffset = 90;
	var cover = document.createElement('div');
	cover.id = 'BodyCover';
	cover.style.height = height - coverOffset + 'px';
	cover.style.top = coverOffset + 'px';
	document.body.appendChild(cover);
	
	Fade(e_popUp, .3, 1);
}


function closePopUp() {
	if(get('PopUp') && get('PopUp').style.display == 'block') {
		var hide = function(){ 
			get("PopUp").style.display="none";
			document.body.removeChild(get('BodyCover'));
		}
		Fade(get("PopUp"), -.5, 0, hide);
	}
}