	
	//
	function showRandomImage(number){
		var a = document.getElementById('random-image-'+number);
		var src = a.firstChild.getAttribute('src').replace('/thumbs','');
		
		var thumbPosition = getRect(a.firstChild);
		
		var newPosLeft = thumbPosition.left+thumbPosition.width+20;
		var newPosTop = thumbPosition.top-150;
				
		var div = document.getElementById('random-image-viewer');
		div.innerHTML = '';
		var img = new Image();
		img.src = src;
		
		var closeLink = document.createElement('a');
		closeLink.setAttribute('onclick','closeRandomImage('+number+');return false;');
		closeLink.setAttribute('href','javascript_is_required.php');
		closeLink.innerHTML = 'schlie&szlig;en / close';
		
		div.appendChild(closeLink);
		div.innerHTML+= '<br />';
		div.appendChild(img);
		div.innerHTML+= '<br />';
		div.appendChild(closeLink.cloneNode(true));
		
		div.style.top=newPosTop+'px';
		div.style.left=newPosLeft+'px';
		div.style.display='block';
	}
	
	function closeRandomImage(number){
		var div = document.getElementById('random-image-viewer');
		div.style.display='none';
		div.innerHTML = '';
	}
	
	function getRect (o){

	    var r = { top:0, left:0, width:0, height:0 };
	
	    if(!o) return r;
	    else if(typeof o == 'string' ) o = document.getElementById(o);
	
	    if( typeof o != 'object' ) return r;
	
	    if(typeof o.offsetTop != 'undefined'){
	         r.height = o.offsetHeight;	
	         r.width = o.offsetWidth;	
	         r.left = r.top = 0;	
	         while (o && o.tagName != 'BODY'){	
	              r.top  += parseInt( o.offsetTop );	
	              r.left += parseInt( o.offsetLeft );	
	              o = o.offsetParent;	
	         }	
	    }	
	    return r;	
	}
