$(function(){
	var zoom = new Zoom();
    $("table.iconList td").hover(
	    function(){
	    	if(!$(this).children("img")) return false;
	    	zoom.create();
	    	zoom.up($(this).children("img"));
	    },
	    function(){
	    	$("img#zoom").remove();
	    }
    );
});

function Zoom(){
	//$("div#zoomImg").html('<img id="zoom" />');
	return this;
}

Zoom.prototype.create = function(id){
	$("table.iconList").after('<img id="zoom" />');
}

Zoom.prototype.up = function(e){
	e = e.get(0);
	
	$("img#zoom").css("position", "absolute");
	$("img#zoom").css("background-color", "#FFF");
	$("img#zoom").css("border", "1px solid #AAA");
	$("img#zoom").css("left", 80);
	$("img#zoom").css("top", -15);
	$("img#zoom").css("z-index", 10);
	$("img#zoom").attr("src", e.src);
	$("img#zoom").attr("width", e.width * 4);
	$("img#zoom").attr("height", e.height * 4);
}