//Gets the browser specific XmlHttpRequest Object
			function getXmlHttpRequester() {
				if (window.XMLHttpRequest) {
					return new XMLHttpRequest(); //Not IE
				} else if(window.ActiveXObject) {
					return new ActiveXObject("Microsoft.XMLHTTP"); //IE
				} else {
					//Display your error message here. 
					//and inform the user they might want to upgrade
					//their browser.
					alert("Your browser doesn't support the XmlHttpRequest object.  Better upgrade to Firefox.");
				}
			}			
			//Get our browser specific XmlHttpRequest object.
			var HoverReq = getXmlHttpRequester();		
			//Initiate the asyncronous request.
			function UserHover(id){

			var user = id;
			UserHover.id = user;
			
				//If our XmlHttpRequest object is not in the middle of a request, start the new asyncronous call.
				if (HoverReq.readyState == 4 || HoverReq.readyState == 0) {
					//Setup the connection as a GET call to SayHello.html.
					//True explicity sets the request to asyncronous (default).
					HoverReq.open("GET", 'http://www.madcowmodels.co.uk/ajax/HoverOver.php?id='+user, true);
					//Set the function that will be called when the XmlHttpRequest objects state changes.
					HoverReq.onreadystatechange = HandleHoverOver; 
					//Make the actual request.
					HoverReq.send(null);
				}			
			}
			
			//Called every time our XmlHttpRequest objects state changes.
			function HandleHoverOver() {
			
			document.getElementById(UserHover.id).innerHTML='<br /><div style="background-image: url(\'http://www.madcowmodels.co.uk/webimages/UserHoverPopup.png\'); width:314px; height:169px; padding-left: 10px; padding-right: 10px; padding-top:20px; padding-bottom:10px;"><table width="314px" height="169px" border="0"><tr><td align="center" valign="center"><img src="../webimages/preloader.gif"></td></tr></table></div>';
				//Check to see if the XmlHttpRequests state is finished.
				if (HoverReq.readyState == 4) {
				
					//Set the contents of our span element to the result of the asyncronous call.
				document.getElementById(UserHover.id).style.display = '';
				document.getElementById(UserHover.id).innerHTML = HoverReq.responseText;
				
				}
			}
		
function Hoverclose(id) {
var use = id;
document.getElementById(use).innerHTML = '';
}