// Podgląd miniaturek (jQuery)
jQuery(document).ready(
	function(a){
		a(".tpl_thumb").each(
			function(){
				
				a(this).mouseover(
					function(f){
						
						var d=a('<div id="templatePreview" style="padding: 5px;"><div class="zdjecie"><img src="'+a(this).attr("zoom")+'" alt=""></div><div class="tekst"><div class="tytul">'+a(this).attr("tytul")+'</div><div class="opis">'+a(this).attr("opis")+'</div></div></div>');
						
						a(d).css({position:"absolute",backgroundColor:"#FFF",border:"1px solid #888",opacity:0}).appendTo("body");
						
						a("img",d).load(
							function(){
								//a(d).css({})
							}
						)
					}
				);
				
				a(this).mousemove(
					function(d){
						var c=a("#templatePreview");
						if(window.pageYOffset)
							var offTop = window.pageYOffset;
						else
							var offTop = document.documentElement.scrollTop;
						
						var winWidth = document.documentElement.clientWidth // window.innerWidth
						var winHeight = document.documentElement.clientHeight // window.innerHeight
						var b=d.clientY>winHeight/2?d.pageY-c.height()-50:d.pageY+50;
						
						if (b+c.height()+12 > offTop+winHeight) b=offTop+winHeight-c.height()-12;
						if (b-offTop<0) b=0+offTop;
						c.css({top:b,left:d.clientX>winWidth/2?d.pageX-c.width()-50:d.pageX+50,opacity:1})
					}
				);
			
				a(this).mouseout(function(){
					a("#templatePreview").remove()
				})
			}
		)
	}
);