function showPicture(obj, src, alt)
{
	if ((BrowserDetect.browser == "Explorer")&&(BrowserDetect.version >= 6))
	{
		var previewImage = document.getElementById('previewImage');
		while (previewImage.firstChild != null)
		{
			previewImage.removeChild(previewImage.firstChild);
		}
                 
		var image = document.createElement("img");
		image.setAttribute("src", src);
		image.setAttribute("alt", alt);
		previewImage.appendChild(image);
		previewImage.style.display = 'block';

		obj.onmousemove = movePicture;
		if (obj.captureEvents)
		{
			obj.captureEvents(Event.onmousemove);
		}
	}
	else
	{
		changePreviewImage(src, alt);
	}
}

function hidePicture(obj)
{
	var previewImage = document.getElementById('previewImage');
	previewImage.style.display = 'none';
	while (previewImage.firstChild != null)
	{
		previewImage.removeChild(previewImage.firstChild);
	}
		
	obj.onmousemove = null;
}

function movePicture(e)
{
	if (!e)
	{
		var e = window.event;
	}

	var posx = 0;
	var posy = 0;
	
	if (e.pageX || e.pageY)
	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY)
	{
		posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}
	
	var previewImage = document.getElementById('previewImage');
	previewImage.style.left = posx + "px";
	previewImage.style.top = posy + "px";
	
	/*
	if (e.clientX || e.clientY)
	{
		var targ;
		if (e.target)
		{
			targ = e.target;
		}
		else if (e.srcElement)
		{
			targ = e.srcElement;
		}
		if (targ.nodeType == 3) // defeat Safari bug
		{
			targ = targ.parentNode;
		}
		targ.onmousemove = null;
	}
	*/
}

function changePreviewImage(src, latinName)
{	
	var image=document.getElementById('preview');
	image.setAttribute("src", src);
	image.setAttribute("alt", latinName);
}
/*
function returnOriginalPreviewImage()
{
	var image=document.getElementById('preview');
	image.setAttribute("src", "http://localhost/terraristic/images/annitha.jpg");
	image.setAttribute("alt", "Brachypelma annitha");
}
*/

window.onload=function()
{
	var previewImage = document.createElement('div');
	document.body.appendChild(previewImage);
	previewImage.id='previewImage';
}