/*************************************************************
		HOVER BOX
*************************************************************/

 
this.imagePreview = function(){	
		
		xOffset = 25;
		yOffset = 15;
		var nolist = [4,9,14,16,17,20,22,23,27,28,29,32,33,34,35,41,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,65,67,70,71,72,75,76,78,79,80,81];

		$("div#grid > div.item").hover(
			function (e) {
				this.ino = this.id;

					if((e.pageX + 255 + yOffset) >= $(window).width()){
						$("img.comment"+this.ino)
							.css("top", ( e.pageY + xOffset) + "px")
							.css("left",(e.pageX - yOffset - 255) + "px");
							
					}else{
						$("img.comment"+this.ino)
							.css("top",(e.pageY + xOffset) + "px")
							.css("left",(e.pageX + yOffset) + "px");
							
					}					//.fadeIn("fast");

				$("img[class^='comment']").css("display","none");
				$("img.comment"+ this.ino).css("display","block");

			},

			function(){
				//$("img.comment"+this.ino).css("display","none");	
			}
		);

		
		$("div#grid > div.item").mousemove(
								 
			function(e){
			
					if((e.pageX + 255 + yOffset) >= $(window).width()){
						$("img.comment"+this.ino)
							.css("top", ( e.pageY + xOffset) + "px")
							.css("left",(e.pageX - yOffset - 255) + "px");
							
					}else{
						$("img.comment"+this.ino)
							.css("top",(e.pageY + xOffset) + "px")
							.css("left",(e.pageX + yOffset) + "px");
							
					}
		});	



};

imagePreview();

$(document).ready(function(){					   
	imagePreview();
});