function showpic(event, WhichOne, BackPic, Type, Pos)  {

var NN4 = document.layers? true : false;
var IE4 = document.all? true : false;

// Only move the layer is requried
if(Pos == 1)    {

if(IE4)	{

	if(BackPic == 'pic3')   {
	Ypos = -160;
	Xpos = document.body.scrollLeft + event.clientX - event.offsetX -220;
	Ypos = document.body.scrollTop + event.clientY - event.offsetY + Ypos;
	} else  {
	Ypos = -160;
	Xpos = document.body.scrollLeft + event.clientX - event.offsetX -220;
	Ypos = document.body.scrollTop + event.clientY - event.offsetY + Ypos;
	}

//alert("left:" + document.body.scrollLeft + ":" + "top:" + document.body.scrollTop);

} else	{

	if(BackPic == 'pic3')   {
	Ypos = -160;
	Xpos = event.pageX - 220;
	Ypos = event.pageY - 150;
	} else  {
	Ypos = -160;
	Xpos = event.pageX - 220;
	Ypos = event.pageY - 160;
	}

	Xpos = '350';


}

//alert("YPOS: " + Ypos + ":" + "XPOS: " + Xpos);

if(document.getElementById(WhichOne).style.visibility == "visible" && Type == 0)
return;

document.getElementById(WhichOne).style.top = Ypos;
document.getElementById(WhichOne).style.left = Xpos;
}

// Switch the visibility, and set the background picture to lighter opacity
if(Type == 0)   { 
document.getElementById(WhichOne).style.visibility = "visible";

Amount = 100;
document.getElementById(BackPic).style.filter = "alpha(opacity=" + Amount + ")";
document.getElementById(BackPic).style.opacity = "1";

} else  {
document.getElementById(WhichOne).style.visibility = "hidden";

Amount = 100;
document.getElementById(BackPic).style.filter = "alpha(opacity=" + Amount + ")";
document.getElementById(BackPic).style.opacity = "1";

}

}