function toblack(text)
{
	newtext = "<div align=\"center\" style=\"position: relative; left: 30%; width: 0px; background: #FFFFFF;\">";
	newtext = newtext + text;
	newtext = newtext + "</div>";
	document.getElementById('black').innerHTML = newtext;
	vblack();
}

function imgblack()
{
	var img;
	img = document.getElementById("img");

	ima = new Image();
	ima.src = img.src;
	
	locx = (document.body.offsetWidth / 2)  - (ima.width / 2);
	locy = (document.body.offsetHeight / 2)  - (ima.height / 2);

	locxx = (document.body.offsetWidth / 2)  + (ima.width / 2) - 18;
	locyy = (document.body.offsetHeight / 2)  - (ima.height / 2) - 18;
	
	newtext = "<div><img style=\"position: absolute; left: " + locx + "px; top: " + locy + "px;\" src=\"";
	newtext = newtext + img.src;
	newtext = newtext + "\">";
	newtext = newtext + "<img onclick=\"vblack()\" style=\"cursor:pointer; position: absolute; left: " + locxx + "px; top: " + locyy + "px;\" src=\"images/close.png\"></div>";
	document.getElementById('black').innerHTML = newtext;
	vblack();
}

function vblack()
{
	visi('black');
}

function visi(thingId)
{
	var targetElement;
	targetElement = document.getElementById(thingId) ;
	if (targetElement.style.display == "none")
	{
		targetElement.style.display = "" ;
	} else {
		targetElement.style.display = "none" ;
	}
}