var hoverWidth=200;
var hoverHeight=200;
var mouseOffsetX=20;
var mouseOffsetY=20;

// Based on findPos*, by ppk (http://www.quirksmode.org/js/findpos.html)
function findPosX(obj) {
  var curLeft = 0;
  if (obj.offsetParent) {
    do {
      curLeft += obj.offsetLeft;
    } while (obj = obj.offsetParent);
  }
  else if (obj.x) {
    curLeft += obj.x;
  }
  return curLeft;
}

function findPosY(obj) {
  var curTop = 0;
  if (obj.offsetParent) {
    do {
      curTop += obj.offsetTop;
    } while (obj = obj.offsetParent);
  }
  else if (obj.y) {
    curTop += obj.y;
  }
  return curTop;
}

// cross-browser event handling for IE5+, NS6+ and Mozilla/Gecko
// By Scott Andrew
function addEvent(obj, evType, fn, useCapture) {
  if (obj.addEventListener) {
    obj.addEventListener(evType, fn, useCapture);
    return true;
  } else if (obj.attachEvent) {
    var r = obj.attachEvent('on' + evType, fn);
    return r;
  } else {
    obj['on' + evType] = fn;
  }
}

var isIE = !window.opera && navigator.userAgent.indexOf('MSIE') != -1;

addEvent(window, 'load', scrollInit, false);

function scrollInit() {//adds the listeners to the objects
  if (!document.getElementsByTagName)
    return;
  var allLinks = document.getElementsByTagName('img');
  for (var i = 0; i < allLinks.length; i++) {
    var link = allLinks[i];
    if ((' ' + link.className + ' ').indexOf(' poop ') != -1) {
		 
      addEvent(link, 'mouseover', overListener, false);
		 	addEvent(link, 'mousemove', moveListener, false);
			addEvent(link, 'mouseout',  outListener,  false);
    
		}
  }
}

function attVal(element, attName) {
  return parseInt(element.getAttribute(attName));
}
function outListener(ev) {
 // alert ('OUT listener!!!!!');
	
  //var e = window.event ? window.event : ev;
  //var t = e.target ? e.target : e.srcElement;
	
	//alert (t.getAttribute("src") );
	var extra=document.getElementById('holder');
	
	extra.style.visibility='hidden';
	theChild=extra.firstChild;
	extra.removeChild(theChild);
	
}
function overListener(ev) {
  
  //alert ('OVER listener!!!!!');
	
  var e = window.event ? window.event : ev;
  var t = e.target ? e.target : e.srcElement;
	
	thumb=t.src;
	
	large=thumb.replace('-thumb','');
	
  //alert (document.width);
	
	
	
	var bigImage=document.createElement('img');
  bigImage.src=large;
	bigImage.style.border="solid 1px #D3DDE5";
	bigImage.style.width="200px";
	bigImage.style.height="200px";
		//	bigImage.id=link.src;
			var extra=document.getElementById('holder');
			extra.appendChild(bigImage);
	
	//alert (t.getAttribute("src") );
	
  var extra=document.getElementById('holder');
	
	extra.style.visibility='visible';
}

function moveListener(ev) {
  //alert ('MOVE listener!!!!!');
	
  var e = window.event ? window.event : ev;
  var t = e.target ? e.target : e.srcElement;
	
	//alert (t.getAttribute("src") );
	var extra=document.getElementById('holder');
		
	//extra.style.visibility='visible';
	

  var mX, mY;
  if (e.pageX && e.pageY) {
    mX = e.pageX;
    mY = e.pageY;
  } else if (e.clientX && e.clientY) {
    mX = e.clientX;
    mY = e.clientY;
    if (isIE) {
      mX += document.body.scrollLeft;
      mY += document.body.scrollTop;
    }
  }


	
	
	var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15;
	var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(document.body.offsetHeight, window.innerHeight);
  
	//alert (docwidth + ' / ' + docheight);
	//alert (mY);  //the distrance from the top??
	positionLeft=mX+mouseOffsetX;
	positionTop=mY+mouseOffsetY;
	
	
	if(  (mX+mouseOffsetX+hoverWidth) > docwidth){
	       positionLeft=mX-mouseOffsetX-hoverWidth;
	}
	if(  (mY+mouseOffsetY+hoverHeight) >docheight ){
	   positionTop=mY-mouseOffsetY-hoverHeight;
	}
	
	
	
  extra.style.left=positionLeft + 'px';
	extra.style.top=positionTop + 'px';

	
}

function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}