// JavaScript Document

function imageLoader_init()
{
	jQuery(".show-image").unbind('mouseenter mouseleave mousemove');

	jQuery('.show-image').hover(
		
		function(e){

		jQuery('.results').html('');
		//mouse over
		
		var $this = jQuery(this) ;
			var top = e.pageY ;
			var left = e.pageX ;
			jQuery('body').append('<div class="results"></div>') ;
			jQuery('.results')
			.css({	
					'display' : 'block' ,
					'top' : top ,
					'left' : left 
				 });
			var path = $this.attr('big') ;
			var Img = new Image();
			
			jQuery(Img).load(function(){
				jQuery('.results').html('').append(Img).fadeIn() ;
				var $width = Img.width ; 
				var $height = Img.height ; 
				jQuery('.results').css({'width':$width , 'height' : $height}) ;
			}).attr('src' , path);
		
		} , 
		function(){
		//mouse out 
			jQuery('.results').remove();
			
		}
	);
	
	//mousemove event 
	jQuery('.show-image').mousemove(
		function(e)
		{
			var top = e.pageY + 15   ; 
			var left = e.pageX  - (jQuery('.results').width()/2);
			jQuery(".results")
			.css
			({
				 'left' : left ,
				 'top' : top 
			});
		}
	);
}
jQuery(document).ready(function(){
	
	imageLoader_init();
});