
function showImage(img, width, height){
	if(document.getElementById('contentpopup') == undefined){
		var content_div = document.createElement('div');
		content_div.id = 'contentpopup';
		content_div.style.display = 'none';
		document.body.appendChild(content_div);
	}
	if(document.getElementById('contentpopupbg') == undefined){
		var content_div = document.createElement('div');
		content_div.id = 'contentpopupbg';
		document.body.appendChild(content_div);
	}
	var popup = document.getElementById('contentpopup');
	var popupbg = document.getElementById('contentpopupbg');
	var selectLists = document.getElementsByTagName('select');

	if(popup.style.display == 'none'){
		popupbg.style.height = document.body.clientHeight + 47 + 'px';
		popupbg.style.display = 'block';
		for(var counter=0; counter<selectLists.length; counter++){
		    selectLists[counter].style.visibility = 'hidden';
		}
		popup.style.top = (document.documentElement.clientHeight/2 - height/2) + 'px';
		popup.style.left = (document.documentElement.clientWidth/2 - width/2) + 'px';
		popup.style.width = width + 'px';
		popup.style.height = height + 18 + 'px';
		popup.innerHTML = '<a href="javascript:showImage()" id="contentpopupclose">X</a>'
			+'<img src="'+ img +'" alt="" />';
		popup.style.display = 'block';
	}else{
		popupbg.style.display = 'none';
		for(var counter=0; counter<selectLists.length; counter++){
		    selectLists[counter].style.visibility = 'visible';
		}
		popup.style.display = 'none';
	}

	popupbg.onclick = function(){ showImage(); }
}
