$(document).ready(function()
{
	$('.zoomable').css(
	{
		position: "static",
		width: "480px",
		zIndex: "0"
	});

	$('.zoomable').bind("click",function(e)
	{
		var old_width = $(this).width();
		var old_height = $(this).height();
		var top = $(this).offset().top;
		var left = $(this).offset().left;
		$(this).css(
		{
			width: "auto",
			zIndex: "9999"
		});
		var new_width = $(this).width();
		var new_height = $(this).height();
		

		$(this).css(
		{
			top: top - parseInt((new_height-old_height)/0.7),
			left: left - parseInt((new_width-old_width)/2) + 60,
			marginRight: "-300px",
			position: "absolute"
		});
	});
	
	$('.zoomable').bind("click",function(e)
	{
		$(this).css(
		{
			position: "static",
			marginRight: "0px",
			width: "480px",
			zIndex: "0"
		});
	});
});