wer-kennt-wen.de User Images MouseOver

By MarshallMar — Last update Jan 10, 2009 — Installed 1,120 times. Daily Installs: 2, 4, 1, 0, 1, 3, 2, 4, 4, 1, 3, 1, 3, 2, 8, 2, 2, 3, 4, 7, 1, 1, 1, 2, 1, 1, 2, 13, 2, 2, 1, 4 
// ==UserScript==
// @name          wer-kennt-wen.de UserImages MouseOver
// @namespace     
// @description	  Shows enlarged images when hovering over user's pictures in "Wer kennt Wen". (v1.0 21.09.2008). 
//                Original source is the XING OnMouseOver from Daniel Lange (http://daniel-lange.com/archives/24-Greasemonkey-to-enlarge-Xing-pictures.html)
//                So the props go out to him
// @author         MarshallMar http://marshallmar.blogspot.com
// @include       *wer-kennt-wen.de/*
// @include       *werkenntwen.de/*
// ==/UserScript==
// WKWEnlargeUserImages.user.js

/*
This is a Greasemonkey user script.

To install, you need Greasemonkey: http://www.greasespot.net/
Then restart Firefox and revisit this script.
Under Tools, there will be a new menu item to "Install User Script".
Accept the default configuration and install.

To uninstall, go to Tools/Manage User Scripts,
select "WKWEnlargeUserImages", and click Uninstall.
*/

(function() {
	function cumulativeOffset(element) {
		var valueT = 0, valueL = 0;
		do {
			valueT += element.offsetTop || 0;
			valueL += element.offsetLeft || 0;
			element = element.offsetParent;
		} while (element);
		return [valueL, valueT];
	}

   window.addEventListener("load", function(e) {
    	var imgList = document.getElementsByTagName("img");
	for( i=0; i < imgList.length; i++) {
		var imgName = imgList[i].src;
		var s = imgName.search(/\/(medium|tiny|small)\//); 
		if( s != -1) {
			bigimage=imgName.replace(/\/(medium|tiny|small)\//, "/big/");
			newImg = document.createElement("img");

			ow=imgList[i].width;
			oh=imgList[i].height;
			imgList[i].addEventListener("mouseover",
				function(e){
					newX=cumulativeOffset(this)[0]
					newY=cumulativeOffset(this)[1]
					newImg.src=this.src.replace(/\/(medium|tiny|small)\//, "/big/");
					//newImg.style.width="140px";
					//newImg.style.height = "185px";
					newImg.style.position="absolute";
					newImg.style.zIndex='999';
 					newImg.style.top=(newY-185/2).toString() + 'px';
					newImg.style.left=(newX+ow).toString() + 'px';
					document.body.appendChild(newImg);
				},false);
			imgList[i].addEventListener("mouseout",
				function(e){
					document.body.removeChild(newImg);
				},false);

		}
	}
	return;
  }, false);
})();