function displayPic(event,url)
{
	// this function displays 
	// the pop up window 
	// when tha mouse hovers 
	// over an image
	
	var popUpDiv = document.getElementById('popUpDiv');
	
	if(popUpDiv.style.visibility!='hidden')
		popUpDiv.style.visibility = 'hidden';
	
	// get the mouse coordinates
	var e = new MouseEvent(event);
	
	// format the popup window code
	popUpTable = '<table width=300 id=main_content_table>'
				+'<tr><td>'
				+'<img src=\''+url+'\' width=290>'
				+'</td></tr></table>';
				
	// set the coodinates to display popup
	popUpDiv.style.top = e.y;
	popUpDiv.style.left = e.x;
	
	// attach the content
	popUpDiv.innerHTML = popUpTable;
	
	// display the div
	popUpDiv.style.visibility='visible';
}

function hidePic()
{
	// this function hides the pop up
	popUpDiv.style.visibility='hidden';
	popUpDiv.innerHTML = '<div></div>';
}

function MouseEvent(e)
{
	if(e)
		this.e = e;
	else 
		this.e = window.event;
	if(e.pageX) 
		this.x = e.pageX;
	else 
		this.x = e.clientX;
	if(e.pageY) 
		this.y = e.pageY;
	else 
		this.y = e.clientY;
	if(e.target) 
		this.target = e.target;
	else 
		this.target = e.srcElement;
}