function galleryPopUps() {

// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Set-up to use getMouseXY function onMouseMove
document.onmousemove = getMouseXY;

// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0

// Main function to retrieve mouse x-y pos.s

function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
  				pU.style.top = (tempY - 304) + 'px'; 
  				pU.style.left = (tempX - 424) + 'px'; 
  return true
}




	var ref = document.getElementById('ref');
	
		// kreiranje layera
		var t = document.getElementsByTagName('body')[0];
		
			var d = document.createElement('div');
			d.setAttribute('id', 'refBlur');
			t.appendChild(d);
			
			var e = document.createElement('div');
			e.setAttribute('id', 'popUp');
			
				var closer = document.createElement('a');
					//closer.setAttribute('id', 'close');
					//closer.setAttribute('href', '');
					//closer.appendChild(document.createTextNode('Close window'));
				//e.appendChild(closer);
					
				var slika = document.createElement('img');
				e.appendChild(slika);	
					

			t.appendChild(e);
		
		var pU = document.getElementById('popUp');
		var zaslon = document.getElementById('refBlur');
		
		pU.style.display="none";
		zaslon.style.display="none";
				
	if (ref) {
		for (i=0; i<ref.getElementsByTagName('a').length; i++) {
			ref.getElementsByTagName('a')[i].onmouseover = function () {			
				
				//zaslon.style.display="block";
				


				var pSlika = pU.getElementsByTagName('img')[0];
				pSlika.setAttribute('src', this.href);
				pU.style.display="block";				
				return false;
			}			
			
			ref.getElementsByTagName('a')[i].onmouseout = function () {			
				zaslon.style.display="none";
				var pSlika = pU.getElementsByTagName('img')[0];
				pSlika.setAttribute('src', this.href);
				pU.style.display="none";				
				return false;
			}			
			
		}		
	}
	if (pU.style.display == "block") {
		pU.getElementsById('close').onclick=function() {
			zaslon.style.display="none";
			pU.style.display="none";
		}
	}	
}



window.onload= function() {
	galleryPopUps();
}