function showModelPic(e, id, thumb) 
{
	 if (navigator.appName=="Netscape") {
	  winW = window.innerWidth;
	  winH = window.innerHeight;
	 }
	 if (navigator.appName.indexOf("Microsoft")!=-1) 
	 {
	  winW = document.documentElement.clientWidth;
	  winH = document.documentElement.clientHeight;
	 }
	 if (navigator.appName.indexOf("Opera")!=-1)  {
	  winW = window.innerWidth - 16;
	  winH = window.innerHeight;
	 }
	
	var img;
	if(!thumb.match('http://'))
		img = "../modelPics/" + id + "/" + thumb;
	else
		img = thumb;
	var posx = 0;
	var posy = 0;
	var offsetX = 0;
	var offsetY = 0;
	var locX = 0;
	var locY = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	
	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	
	{
		posx = e.clientX + document.body.scrollLeft	+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop	+ document.documentElement.scrollTop;
	}
	
	offsetX = posx < (winW / 2)?30:-170;
	offsetY = posy < (winH / 2)?0:-150;
	locX = posx + offsetX;
	locY = posy + offsetY;
	
	if(document.getElementById('pic').style.visibility == 'hidden')
	{
		//document.getElementById('pic').style.max-height = '120px';
		//document.getElementById('pic').style.max-width = '120px';
		document.getElementById('pic').innerHTML = '<img src="' + img + '" style="padding:2px;border:1px solid black;max-width:120px" alt="" />';
		document.getElementById('pic').style.left = locX + 'px';
		document.getElementById('pic').style.top = locY + 'px';
		document.getElementById('pic').style.visibility = 'visible';
	}
}


function hideModelPic(id)
{
	document.getElementById('pic').innerHTML = '';
	document.getElementById('pic').style.visibility = 'hidden'
}
