// 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
var wys_zoom=0;

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

var zoom_width = 0;
//var wys_zoom = 0;
var zoom_poz_y = 0;

function showImg (image) {
document.getElementById('zoom').style.visibility = 'visible';
document.getElementById('zoom').style.display = 'block';
document.body.onmousemove = getMouseXY;

document.getElementById('zoom').innerHTML = '<img src="' + image + '" onload="getMouseXY(document.body)" />';
}
function hide() {
document.getElementById('zoom').style.visibility = 'hidden';
document.getElementById('zoom').style.display = 'none';
document.body.onmousemove = hide;
}


function getMouseXY(e) {
  browser_width = document.documentElement.clientWidth;
  browser_height = document.documentElement.clientHeight;

  var position = {x:0, y:0};
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.documentElement.scrollLeft
    tempY = event.clientY + document.documentElement.scrollTop
    szer_zoom = document.getElementById('zoom').clientWidth;
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY

    
  }
  
    szer_zoom = document.getElementById('zoom').clientWidth;
    wys_zoom = document.getElementById('zoom').clientHeight;
    if(IE){
    zoom_poz_y = (tempY-document.documentElement.scrollTop);
    end_y = browser_height-wys_zoom-14;
    scroll_poz = document.documentElement.scrollTop;
    }
    else {
    zoom_poz_y = (tempY-window.pageYOffset);
    end_y = browser_height-wys_zoom-14;
    scroll_poz = window.pageYOffset;
    }  
  // catch possible negative values in NS4
/* 
  if(tempX+10>document.body.clientWidth-document.getElementById('zoom').clientWidth-20)
    x_slide = -document.getElementById('zoom').clientWidth-20;
  else x_slide=0;
  
  if(tempY+10>document.body.clientHeight-200)
    y_slide = -document.getElementById('zoom').clientHeight-20;
  else y_slide = 0;
*/

  if(zoom_poz_y>=(end_y)) {
    document.getElementById('zoom').style.top = 10+scroll_poz+'px';
    //document.getElementById('zoom').style.top = tempY+10+'px';
  }
  else {
    document.getElementById('zoom').style.top = 10+scroll_poz+'px';
  }
  if(tempX+10>document.body.clientWidth-document.getElementById('zoom').clientWidth-20)

    x_slide = -document.getElementById('zoom').clientWidth-20;

  else x_slide=0;
  
  document.getElementById('zoom').style.left = tempX+10+x_slide+'px';

  //document.getElementById('zoom').innerHTML = (end_y+10+scroll_poz)+'px';
  
  
  return true;
}