function showImage(src){

	var img, width, height, container;
	
	if(navigator.appName.indexOf("Microsoft")!=-1){
		width = document.body.offsetWidth;
		height = document.body.offsetHeight;
	} else {
		width = window.innerWidth;
		height = window.innerHeight;
	}
	
	img = document.createElement('img');
	img.src = src;
	
	//waiting for image to download
	if(img.width == 0){
		setTimeout('showImage("'+src+'")', 100);
		return;
	}
	
	img.style.float = 'left';
	
	container = document.createElement('div');
	container.id = 'image_container';
	container.style.position = 'fixed';
	container.style.top = '50%';
	container.style.left = '50%';
	container.style.marginLeft = img.width/-2 + 'px';
	container.style.marginTop = img.height/-2 + 'px';
	container.style.zIndex = 101;
	container.innerHTML = '<img src="/img/close.png" alt="zamknij" onclick="closeImage()" style="float:right; cursor:pointer;" />';
	
	createCoverDiv(width, height);
	
	document.body.insertBefore(container, document.getElementsByTagName('div')[0]);
	container.insertBefore(img, container.getElementsByTagName('img')[0]);
	
	
}

function closeImage(){
	document.body.removeChild(document.getElementById('image_container'));
	document.body.removeChild(document.getElementById('coverDiv'));
}

function createCoverDiv(width, height){
	var coverDiv;
	
	coverDiv = document.createElement('div');
	coverDiv.id = 'coverDiv';
	coverDiv.style.position = 'fixed';
	coverDiv.style.width = '100%';
	coverDiv.style.height = height+'px';
	coverDiv.style.top = '0px'
	coverDiv.style.left = '0px'
	coverDiv.style.zIndex = 100;
	
	document.body.insertBefore(coverDiv, document.getElementsByTagName('div')[0]);
}
