var _x = 0;
var _y = 0;

function activateZoom(e, obj, destination, image)
{
	document.getElementById(obj).style.display = 'block';
	
	document.getElementById(obj).innerHTML = "<img width='150' height='150' src='" + destination + image + ".jpg' alt=''/>";
}


function moveImage(e, x, obj)
{
	div = document.getElementById(x);
	
	var mouse_pos = mousePos(e);
	var div_pos = getPos(div);

	_x = mouse_pos.left;
	_y = mouse_pos.top;
	
	//alert (div_pos.left);
	_x = _x - div_pos.left;
	_y = _y - div_pos.top;

	//document.getElementById('test_x_y').innerHTML = _x + " " + _y;
	
	document.getElementById(obj).style.top = (_y + 40) + 'px';
	document.getElementById(obj).style.left = (_x - 70) + 'px';
}


function deactivateZoom(e, obj)
{
	document.getElementById(obj).style.display = 'none';
}

//GET POSITION OF MOUSE
function mousePos(e)
{
	var output = new Object();
	
	var __x = 0;
	var __y = 0;
	
	if (!e) var e = window.event;
			
	if (e.pageX || e.pageY)
	{
		__x = e.pageX;
		__y = e.pageY;
	}
	else if (e.clientX || e.clientY)
	{
		__x = e.clientX + document.body.scrollLeft+ document.documentElement.scrollLeft;
		__y = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}
	
	output.left = __x;
	output.top = __y;
	
	return output;
}

//GET POSITION OF DIV
function getPos(obj)
{
	var output = new Object();
	var mytop=0, myleft=0;
	while( obj) {
		mytop+= obj.offsetTop;
		myleft+= obj.offsetLeft;
		obj= obj.offsetParent;
	}
	output.left = myleft;
	output.top = mytop;
	return output;
}