function showPopup(title, content, e) {
	
		var posx = 0;
		var posy = 0;
		
		//alert('x: ' + posx + "\n" + 'y: ' + posy);
	
		if(e.pageX || e.pageY) {
			posx = e.pageX;
			posy = e.pageY;
		} else if(e.clientX || e.clientY) 	{
			posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
			posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
		}
		
		document.getElementById('popup-title').innerHTML = title;
		document.getElementById('popup-content').innerHTML = content;
		
		document.getElementById('popup-surround').style.display = 'block';
		document.getElementById('popup-surround').style.top = (posy - 180) + 'px';
		document.getElementById('popup-surround').style.left = (posx - 150) + 'px';

}
	
	function hidePopup() {
			
		document.getElementById('popup-title').innerHTML = '';
		document.getElementById('popup-content').innerHTML = '';
		
		document.getElementById('popup-surround').style.display = 'none';
		document.getElementById('popup-surround').style.top = '0px';
		document.getElementById('popup-surround').style.left = '0px';
	
	}