$(document).ready(function(){
						   
	$('.popup').hover(function(e) {
		var getId = $(this).attr("id");
		var getAttr = $(this).attr("href"); 
		var html = '<div id="full_img">';
		html +=	   '<img src="'+ getAttr +' "/>';
		html +=		'</div>';
        //console.log(getId);
		//console.log(getAttr); 
		$('body').append(html).children('#full_img').hide().fadeIn(100); 
		$('#full_img').animate({"width" : "0px","width" : "250px"}, 100);
		$('#full_img').center();   
	    
	}, function() {
		$('#full_img').animate({"width" : "250px","width" : "0px"}, 100);
		$('#full_img').fadeOut(10);
		$('#full_img').remove();  
	   
	});
    
}); 

jQuery.fn.center = function () {  
    this.css("position","absolute");  
    this.css("top", ( $(window).height() - this.height() ) / 1.50+$(window).scrollTop() + "px");  
    this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");  
    return this;  
}