var image_object = document.getElementById ("full_size_view");
image_object.onload = updateWidth;
var def_src = image_object.src;
var def_width = image_object.style.width;
var def_height = image_object.style.height;
var offX=20, offY=-200;
/*var parentOffset = getObjParams (image_object.parentNode);
offX -= parentOffset.x;
offY -= parentOffset.y;*/

image_object.displayeble = false;

var i = 0;
while (document.getElementById("popup_"+i)) {
    document.getElementById("popup_"+i).onmousemove=mouseMove;
    document.getElementById("popup_"+i).onmouseover=mouseOver;
    document.getElementById("popup_"+i).onmouseout=mouseOut;
    i++;
}
image_object.onload = updateWidth;

function getObjParams(obj){
    var x = obj.offsetLeft;
    var y = obj.offsetTop;
    while(obj.offsetParent)
    {
       // finds the absolute position of the object
       if(obj==document.getElementsByTagName('body')[0]) {break}
       else { obj=obj.offsetParent; };
       x += obj.offsetLeft;
       y += obj.offsetTop;
    }

    return {x:x, y:y};
}
				
function mousePageXY(e)   
{   
  var x = 0, y = 0;   
  
  if (!e) e = window.event;   
  
  if (e.pageX || e.pageY)   
  {   
    x = e.pageX;   
    y = e.pageY;   
  }   
  else if (e.clientX || e.clientY)   
  {   
    x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;   
    y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;   
  }   
  
  return {"x":x, "y":y};   
} 

function mouseMove (e) {
	if (image_object.displayeble) {
		
		var coord = mousePageXY (e);
		/*x = document.all?event.clientX:e.clientX;
		y = document.all?event.clientY:e.clientY;*/
		//alert (coord.x);

		image_object.style.left = String(coord.x+offX) + "px";
		image_object.style.top = String(coord.y+offY) + "px";
	}
    return true;
}
function mouseOver (e) {
    //image_object.src = this.src;
    	
    var url = new String (full_paths [this.id.split ('_')[1]]);
    
    if (url.length > 0) {
		image_object.displayeble = true;
		image_object.src = url;
        
        mouseMove (e);
    } else {
		image_object.displayeble = false;
	}
    return true;
}
function mouseOut (e) {
	image_object.displayeble = false;
    image_object.src = def_src;
    image_object.style.left = "-1000px";
    image_object.style.top = "-1000px";
    image_object.style.width = def_width;
	image_object.style.height = def_height;
    return true;
}
function updateWidth () {
	image_object.style.width = 'auto';
	image_object.style.height = 'auto';
}