//verze s loadingem
/*
 * this.nahled = function(){	
	
		
	var	marginY = 80;
		
	$(".nahledImage").hover(function(e){
		var offset = $(this).offset();
		var link = "/imageResize/index/"+ this.id;
		
		$("#offer").append("<div id=\"nahled\"><img id=\"nahledImg\" src=\"/images/loading.gif\" alt=\"Image preview\" /></div>");								 

		var idString = this.id.split("/"); 
		var height = idString[2] * 10
		
		$("#nahled")
		.css("position","absolute")
		.css("z-index","100")
		.css("top",(offset.top - 50) + "px")
		.css("left",(offset.left +marginY) + "px")
		
		var date = new Date();
		var curDate = null;	
		
		do { curDate = new Date(); }
			while(curDate-date < 800);	
		
		 var img = new Image();
		 
	        $(img).load(function () {	
	        	
	        	$('#nahled')
	            .hide()
	            .css("top",(offset.top - height - 20) + "px")
	            .append(this);        	 
	        	$('#nahled').show();
	            $('#nahledImg').remove();
	        })
	        .error(function () {
	        	alert("chyba");
	        })
	        .attr('src', link);
	      
								
    },
	function(){	
    	
		$("#nahled").remove();
    });	
	
};
*/

this.nahled = function(){	
	
		
	var	marginY = 80;
		
	$(".zobrazNahled").hover(function(e){
		$(".zobrazNahled").css("cursor","pointer");
		
		var offset = $(this).offset();
		var link = "/imageResize/index/"+ this.id;
        var idString = this.id.split("/");
		var height = idString[2] * 10;
        var bgr =  idString[3];

        if(bgr=="black")
        {
            $("body").append("<div id=\"nahledProdukt\" class=\"nahledBlack\">"+
                        "<div class=\"nahledContainerBlack\">"+
                         "<img src=\""+link+"\" alt=\"fotka produktu\"/>"+
                       "</div>"+
                   "</div>");
        }
        else
        {
            $("body").append("<div id=\"nahledProdukt\" class=\"nahledWhite\">"+
                        "<div class=\"nahledContainerWhite\">"+
                         "<img src=\""+link+"\" alt=\"fotka produktu\"/>"+
                       "</div>"+
                   "</div>");
        }
 	
		$("#nahledProdukt")
		.css("position","absolute")
		.css("z-index","100")
		.css("top",(offset.top - height - 30) + "px")
		.css("left",(offset.left +marginY) + "px")
		.fadeIn(300);					
    });
  $(".zobrazNahled").mouseout(function(e){   	
		$("#nahledProdukt").remove();
  });	
	
	$(".zobrazNahled").mousemove(function(e){
		var idString = this.id.split("/"); 
		var height = idString[2] * 10;
		
		$("#nahledProdukt")
			.css("top",(e.pageY - height - 30) + "px")
			.css("left",(e.pageX ) + "px")
	});
	
};

/*
this.nahled = function(){
    var	marginY = 80;
    var idString
    var height
    var content

    $(".zobrazNahled").hover(function(e){
        $(".zobrazNahled").css("cursor","pointer");
		offset = $(this).offset();
        idString = this.id.split("/");
		height = idString[1] * 10
        content = "#nahled"+idString[0];

		$(content)
		.css("position","absolute")
		.css("z-index","100")
		.css("top",(offset.top - height - 20) + "px")
		.css("left",(offset.left +marginY) + "px")
		.fadeIn(400);
    },
    function(){       

    });

	$(".zobrazNahled").mousemove(function(e){

		$(content)
			.css("top",(e.pageY - height - 20) + "px")
			.css("left",(e.pageX ) + "px")
	});
}
*/