/********************************************************************/
/* 																	*/
/* 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 to show a floating div object
	function show(obj)
	{
		
		var theImage = "image" + obj;
		var theText = "text" + obj;	
		
		var el1 = document.getElementById(theText);
		
		var el2 = document.getElementById(theImage);

		if (el1.style.display == "none")
		{
			for(i=1; i<=4; i++){
				var image = "image" + i;
				var text = "text" + i;
				
				hide = document.getElementById(image);
				hide.style.display = "none";
				hide = document.getElementById(text);
				hide.style.display = "none";
			}
			
			// show the div
			el1.style.display = '';
			el2.style.display = '';
			
				
		}
	}// end functon hideStatement()