/********************************************************************/
/* 																	*/
/* Filename: floatingdiv.js												*/
/* Author: Ricky McAlister											*/
/* Created: 10/07/2006												*/
/* Updated: 10/07/2006												*/
/* 																	*/
/* Description: Used to create a floating div object at the mouse  	*/
/*              pointer co-ordinates								*/
/* 																	*/
/* Use: Initially setup as a JavaScript src and called from within 	*/
/*      the HTML code - onMouseOver, onMouseOut, onClick, etc.		*/
/*		e.g. onMouseOver="showHide('hiddenDiv')"					*/
/*																	*/
/*		The div object may contain text or images and can have any	*/
/*		other style elements defined. The div must have it's 		*/
/*		display element set to 'none' within the div tag (NOT 		*/
/*		set within the style - see example.html)					*/
/*																	*/
/* Notes: 														 	*/
/*																	*/
/* Amendments: 														*/
/*																	*/
/********************************************************************/

// function to create a floating div object at the mouse pointer
function showHide(obj) 
{
	var el = document.getElementById(obj);
	
	if ( el.style.display == "none" ) 
	{
		// show the element at the mouse pointer
		el.style.display = '';
		el.style.position = 'absolute';
		// el.style.left = event.clientX;
		// el.style.top = event.clientY;
		el.style.left = 50;
		el.style.top = 50;
	}else {
		// make the element disappear
		el.style.display = 'none';
	}// end if else !=
}// end functon showHide()