function image_hover(div, action) {
	if (action == 'show') {
		document.getElementById('hover_' + div).style.display = 'block';
		document.getElementById('hover_' + div).style.top = init('y') - 100 + 'px;';
		document.getElementById('hover_' + div).style.left = init('x') + 20 + 'px;';

	}
	else {
		document.getElementById('hover_' + div).style.display = 'none';
	}
}

function init(co) {
  if (window.Event) {
    if (document.captureEvents){
		document.captureEvents(Event.MOUSEMOVE);
	} else {
		window.captureEvents(Event.MOUSEMOVE);
	}
  }
  document.onmousemove = getXY;
  if ( co == 'x' ) return x
  else return y;
}

function getXY(e) {
  x = (window.Event) ? e.pageX : event.clientX;
  y = (window.Event) ? e.pageY : event.clientY;
  return x,y;
}
	
function skim_album(e, id, width, pics)
		{
		if (e == 0)
		xpos = 0;
		else
		{
		var x1 = e.pageX || (e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft));
		var x2 = findPosX(id);
		x = Math.abs(x1-x2);
		xpos = -((Math.round(x / ((width / (pics +1)) + (26-pics)))) * width);
		}

		id.style.backgroundPosition = xpos + 'px 0px';
		id.style.backgroundPositionX = xpos + 'px';
		}
		
function findPosX(obj)
{
	var curleft = 0;
	if(obj.offsetParent)
		while(1) 
		{
		  curleft += obj.offsetLeft;
		  if(!obj.offsetParent)
			break;
		  obj = obj.offsetParent;
		}
	else if(obj.x)
		curleft += obj.x;
	return curleft;
};

function findPosY(obj)
{
	var curtop = 0;
	if(obj.offsetParent)
		while(1)
		{
		  curtop += obj.offsetTop;
		  if(!obj.offsetParent)
			break;
		  obj = obj.offsetParent;
		}
	else if(obj.y)
		curtop += obj.y;
	return curtop;
};
