var mouseposX = 0;
var mouseposY = 0;

$(document).ready(function() {
  unzoom('#hover_area');
});

function zoom(sender) {
		
	$('#hover').show();
	$(sender).css('background-image', 'none');
	
	$(sender).children('img').show();
	
	$(sender).bind('mousemove', function(e) {
		
		var mousepos = $(sender).offset();
		mouseposX = Math.round(e.pageX - mousepos.left);
		mouseposY = (e.pageY - mousepos.top);
		
		if (mouseposX < 47)
		{
			mouseposX = 46;
		}
		
		if (mouseposY < 47)
		{
			mouseposY = 46;
		}
		
		if (mouseposX > 231)
		{
			mouseposX = 232;
		}
		
		if (mouseposY > 231)
		{
			mouseposY = 232
		}
		
		moveLarge(mouseposX, mouseposY)
		
		$(sender).children('img').css('left', mouseposX - 232);
		$(sender).children('img').css('top', mouseposY - 232);
		
	});

}

function moveLarge(x, y)
{
	x -= 46;
	y -= 46;
	
	x *= -3;
	y *= -3;
	
	$('#hover').children('img').css('left', x);
	$('#hover').children('img').css('top', y);
	
}

function unzoom(sender) {
	$('#hover').hide();
	$(sender).css('background-image', 'url(/_template/img/trans_product.png)');
	$(sender).children('img').hide();
	
	$(sender).unbind();
}