var hashoverimg = 0;
function showimg(show, width, im, desc)
{
	var hoverimg;
	var hoverimgbg;
	var opacity = 60;
	// IE
	if (document.all)
	{
		if (!hashoverimg)
		{
			hashoverimg = 1;
			document.body.innerHTML += '<div id="hoverimgbg" class="hoverimgbg"></div><div id="hoverimg" class="hoverimg"></div>';
		}
		hoverimg = document.all['hoverimg'];
		hoverimgbg = document.all['hoverimgbg'];
		if (show)
		{
			hoverimgbg.style.filter = 'alpha(opacity:' + opacity + ')';
			
			hoverimgbg.style.position = 'absolute';
			hoverimg.style.position = 'absolute';
			if (document.documentElement.clientHeight < document.body.offsetHeight)
				hoverimgbg.style.height = document.body.offsetHeight;
			else
				hoverimgbg.style.height = document.documentElement.clientHeight;
			
			hoverimg.style.top = document.documentElement.scrollTop + 20;
			hoverimgbg.style.display = 'block';
			hoverimg.style.display = 'inline';
			hoverimg.innerHTML = '<center><div id="hoverimgin" class="hoverimgin">' +
													 '<a href="javascript:showimg(0, 0, \'\')">' + 
													 '<img src="' + im + '" border="0" alt="' + im + '" class="hoverimg"></a><br>' +
													 '<i><b>' + desc + '</b></i> ' +
													 '(<a href="javascript:showimg(0, 0, \'\')">Close</a>)<br>' +
													 '</div></center>';
			document.all['hoverimgin'].style.width = (width + 20) + 'px';
		}
		else
		{
			hoverimgbg.style.display = 'none';
			hoverimg.style.display = 'none';
			hoverimg.innerHTML = '';
		}
	}
	
	// Firefox
	else
	{
		if (!hashoverimg)
		{
			hashoverimg = 1;
			document.getElementsByTagName("body")[0].innerHTML += '<div id="hoverimgbg" class="hoverimgbg"></div><div id="hoverimg" class="hoverimg"></div>';
		}
		
		hoverimg = document.getElementById('hoverimg');
		hoverimgbg = document.getElementById('hoverimgbg');
		if (show)
		{
			hoverimgbg.style.opacity = opacity / 100;
			hoverimgbg.style.display = 'block';
			hoverimg.style.display = 'inline';
			hoverimg.innerHTML = '<center><div id="hoverimgin" class="hoverimgin">' +
													 '<a href="javascript:showimg(0, 0, \'\')">' + 
													 '<img src="' + im + '" border="0" alt="' + desc + '" class="hoverimg"></a><br>' +
													 '<i><b>' + desc + '</b></i> ' +
													 '(<a href="javascript:showimg(0, 0, \'\')">Close</a>)<br>' +
													 '</div></center>';
			document.getElementById('hoverimgin').style.width = (width + 20) + 'px';
		}
		else
		{
			hoverimgbg.style.display = 'none';
			hoverimg.style.display = 'none';
			hoverimg.innerHTML = '';
		}
	}
}