this.imagePopup = function(){	
	xOffset = 10;
	yOffset = 30;
	var doch = $(window).height();
	var docw = $(window).width();
	var ph;
	var pw;
	var top;
	var left;
	$("a[@rel*=preview]").hover(function(e){
		var imageUrl = $(this).find("img").attr("src");
		designId = imageUrl.match(/media[a-z\/\.A-Z0-9\_]+/);
		if(designId!=null){
			this.t = this.title;
			this.title = "";	
			var c = (this.t != "") ? "<br/>" + this.t : "";
			$("body").append("<p id='preview'><img src='img.php?image="+designId+"&w=380&h=300' alt='Image preview' />"+ c +"</p>");			ph =$("#preview").height();
			pw =$("#preview").width();
			top = (e.pageY - $(window).scrollTop()-20)>(doch-ph)?((e.pageY) - xOffset)-ph:e.pageY - xOffset;
			left = e.pageX+60 > docw-pw?(e.pageX - yOffset)-pw:(e.pageX + yOffset);
			$("#preview")
				.css("top",(top) + "px")
				.css("left",(left) + "px")
				.fadeIn("fast");	
		}
    },
	function(){
		this.title = this.t;	
		$("#preview").remove();
    });	
	$("a[@rel*=preview]").mousemove(function(e){
	top = ((e.pageY-$(window).scrollTop())-20)>(doch-ph)?((e.pageY) - xOffset)-ph:(e.pageY - xOffset);
	left = e.pageX+60 > docw-pw?(e.pageX - yOffset)-pw:(e.pageX + yOffset);
	$("#preview")
			.css("top",(top) + "px")
			.css("left",(left) + "px");
	});		
};
$(document).ready(function(){
	imagePopup();
});

 function animatebox(dv){
	  $("#"+dv).fadeOut(800).fadeIn(800);
	  }
function remove(dv){
	 $("#"+dv).fadeIn(400).slideUp('slow');
	}