$(function() {

            var loader = $('<div class="jsHelper"></div>').appendTo($('body'));
            var spacer = "/images/spacer.gif";
			$("img[@image2]").each(function() {
				var t = $(this);
				var i = {
				    image: t.attr("image2"),
				    href: t.parent("a").attr("href"),
				    width: t.attr("width"),
				    height: t.attr("height")
				};

				var h = $('<div class="jsHelper"></div>').appendTo($('body'))
			    .append('<img src="'+spacer+'" width="'+i.width+'" height="'+i.height+'" '+(i.href ? ' style="cursor: pointer;" ' : '')+' />')
				.mouseout(function() {
				    h.fadeOut(300);
			    })
				.mouseover(function() {
			  		var q = h.queue();
					if (q.length) {
					    q.length = 0;
					    h.stop().appearIn(300);
					}
					else    
					    h.css("opacity", 0.0).appearIn(300);
				});				
				if (i.href) {
				    h.click(function() {
				        document.location = i.href;
				    });
				}				
					
					
											
				t.mouseover(function() {
					var o = t.offset();
					h.queue().length = 0;
					h.hide().css({left: o.left, top: o.top-1})
					.css({opacity: 0.0}).show();
				});
				
				
				loader.append($('<img src="'+i.image+'" />').load(function() {
				    $("img", h).attr("src", i.image);
				}));
			
			});
		
		});