var popupWidth = 600;

function showPopup(id) {
	if (document.getElementById('screen')) {
		document.getElementById('screen').style.display = 'block';
		document.getElementById('popup').style.display = 'block';
		
		if (document.getElementById(id)) document.getElementById('popupContent').innerHTML = document.getElementById(id).innerHTML;
		document.getElementById('popupContent').scrollTop = 0;
	} else {
		var container = document.getElementById('mainContainer');
	
		var screen = document.createElement('div');
		screen.id = 'screen';
		screen.className = 'screen';
		screen.style.display = 'block';
		screen.style.width = document.body.scrollWidth;
		screen.style.height = parseInt((container.offsetHeight > container.scrollHeight)? container.offsetHeight: container.scrollHeight) + 'px';
			
		var popup = document.createElement('div');
		popup.className = 'popup';
		popup.id = 'popup';		
		
			var close = document.createElement('div');
			close.id = 'popupClose';
				var closeLink = document.createElement('a');
				closeLink.href = 'javascript: void(0);';
				closeLink.innerHTML = 'close X';
				closeLink.onclick = function() {
					document.getElementById('screen').style.display = 'none';
					document.getElementById('popup').style.display = 'none';
					return false;
				}
				close.appendChild(closeLink);
			popup.appendChild(close);
			
			var content = document.createElement('div');
			content.id = 'popupContent';
			content.className = 'article';
			
			if (document.getElementById(id)) content.innerHTML = document.getElementById(id).innerHTML;
			
			popup.appendChild(content);

		popup.style.left = Math.round((parseInt(document.body.scrollWidth) - popupWidth) / 2)+'px';
		popup.style.display = 'block';

		document.body.appendChild(popup);
		document.body.appendChild(screen);
	}
}