function newWindow(bookjpg) {
		var ihtml = '<a id="zatvori" href="javascript:void(0)" onclick="this.parentNode.parentNode.removeChild(this.parentNode);">Zatvori [x]</a><br />';
		if (bookjpg.match(/\.html$|\.htm$/)){
			ihtml += '<iframe src="'+bookjpg+'" width="400" height="500"></iframe>';
		}else{
			ihtml += '<img src="'+bookjpg+'" />';
		}
		var scr = getScrollXY();
		var holder = document.createElement('div');
		holder.id = bookjpg.replace(/\W/, '');
		holder.style.position = 'absolute';
		holder.style.top = (scr[1]+10)+'px';
		holder.style.right = '30px';
		holder.style.padding = '5px';
		holder.style.border = '1px solid #000';
		holder.style.backgroundColor = '#fff';
		holder.style.textAlign = 'right';
		
		var oldnode = document.getElementById(holder.id);
		if (oldnode){
			oldnode.parentNode.removeChild(oldnode);
		}
		
		holder.onclick = function(){
			this.parentNode.removeChild(this);
		}
		holder.innerHTML = ihtml;
		document.body.appendChild(holder);
	}
	function getScrollXY() {
		  var scrOfX = 0, scrOfY = 0;
		  if( typeof( window.pageYOffset ) == 'number' ) {
			//Netscape compliant
			scrOfY = window.pageYOffset;
			scrOfX = window.pageXOffset;
		  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
			//DOM compliant
			scrOfY = document.body.scrollTop;
			scrOfX = document.body.scrollLeft;
		  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
			//IE6 standards compliant mode
			scrOfY = document.documentElement.scrollTop;
			scrOfX = document.documentElement.scrollLeft;
		  }
		  return [ scrOfX, scrOfY ];
	}