Unnamed

<script type="text/javascript">

	var Preview_Arr = [], Preview_Div = null, Preview_Mouse_Offset = 5;
	
	function Preview(id, breed, status, d, age, sex, info, pic)
	{
		this.div = null;
		
		this.id = id;
		this.breed = breed;
		this.status = status;
		this.d = d;
		this.age = age;
		this.sex = sex;
		this.info = info;
		this.img = new Image();
		this.img.src = pic;
		
		this.generateNode = Preview_GenerateNode;
		this.show = Preview_Show;
		this.hide = Preview_Hide;
	}
	
	function Preview_GenerateNode()
	{
		if (this.div != null)
			return;

		this.div = document.createElement("DIV");
		this.div.className = "preview";
		
		var img = document.createElement("IMG");
		img.src = this.img.src;
		
		this.div.appendChild( document.createTextNode("Name: "+ this.name +"<br />") );
		this.div.appendChild( document.createTextNode("Breed: "+ this.breed +"<br />") );
		this.div.appendChild( document.createTextNode("Status: "+ this.status +"<br />") );
		this.div.appendChild( document.createTextNode("Age: "+ this.age +"<br />") );
		this.div.appendChild( document.createTextNode("Sex: "+ this.sex +"<br />") );
		this.div.appendChild( document.createTextNode(this.info) );
		this.div.appendChild( img );
		
		document.body.appendChild(this.div);
	}
	
	function Preview_Show()
	{
		if (this.div == null)
			this.generateNode();
		
		this.div.style.display = "block";
		Preview_Div = this.div;
	}
	
	function Preview_Hide()
	{
		this.div.style.display = "none";
		Preview_Div = null;
	}
	
	function Preview_MoveDiv(e)
	{
		if (!Preview_Div)
			return;
		
		var x, y;
		
		if (e)
		{
			x = e.screenX;
			y = e.screenY;
		} else {
			x = event.mouseX;
			y = event.mouseY;
		}
		
		Preview_Div.style.left = x + Preview_Mouse_Offset + "px";
		Preview_Div.style.top = y + Preview_Mouse_Offset + "px";
	}
	
	if (navigator.appName == "Microsoft Internet Explorer")
		window.attachEvent("onmousemove", Preview_MoveDiv);
	else
		addEventListener(window, "onmousemove", Preview_MoveDiv);
	
	/*
	<cfoutput query="build">
		Preview_Arr[Preview_Arr.length] = new Preview(
			"#id#" , "#breed#" , "#iif(isDefined("status"), status, "")#" ,
			"#iif(isDefined("dte"), dte, "")#" , "#age#" , "#sex#" , "#info#" , "images/#right(pic,len(pic)-62)#"
		);
    </cfoutput>
	
	using the onmouseover even in your table or image or whatever
		- onmouseover="Preview_Arr[this.id].show()"
		- onmouseout="Preview_Arr[this.id].hide()"
	
	make sure id="0..X" using an integer
	*/

</script>