/*var IE = document.all?true:false
	if (!IE) document.captureEvents(Event.MOUSEMOVE)
	document.onmousemove = getMouseXY;

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

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
  return true
}


function popImage(element){
	var elementName = element.name;
	var popper = document.getElementById('popper');
	popper.className = "popperVisible";
	popper.innerHTML = '<img src="img/products/' + elementName + '.jpg" alt="'+ elementName + '" /><br /> <span>' + elementName + '</span>';
	if (tempX > document.body.offsetWidth /2 ) {
		popper.style.marginLeft = document.body.offsetWidth /2 - 150 + 'px';
		}
	if (tempX < document.body.offsetWidth /2 ) {
		popper.style.marginLeft = document.body.offsetWidth /2 - 250 + 'px' ;
		}
	popper.style.marginTop = element.offsetTop - 50 + 'px';

}

function popOutImage(element){
	var elementName = element.name;
	var popper = document.getElementById('popper');
	popper.className = "popperInvisible";
	}
	*/
function displayImage(element){
	var elementName = element.name;
	var popper = document.getElementById('popper');
	popper.className = "popperVisible";
	popper.innerHTML = '<img src="http://www.atomiumlift.ro/img/products/' + elementName + '.jpg" alt="'+ elementName + '" /><br /> <span>' + elementName + '</span>';
	}

function hideImage(element){
	var elementName = element.name;
	var popper = document.getElementById('popper');
	popper.className = "popperInvisible";
	}