var images = new Array();
var des = new Array("it","uk","de");
var pooldes = new Array("IT","UK","DE");

function preload ( path, ref ) {
	var image = new Image(); 
	image.src = path;
	var obj = new Object();
	obj.img = image;
	obj.path = path;
	
	for ( var i = 0; i < des.length; i++ ) {
		var myref = get(ref+des[i]);
		if ( myref!=null ) {
			obj.ref = myref;
			break;
		}
	}
	
	images.push(obj);
}

function preloadPool ( path, ref ) {
	var image = new Image(); 
	image.src = path;
	var obj = new Object();
	obj.img = image;
	obj.path = path;

	for ( var i = 0; i < pooldes.length; i++ ) {
		var myref = get(ref+pooldes[i]);
		if ( myref!=null ) {
			obj.ref = myref;
			break;
		}
	}
		
	images.push(obj);
}
function get(eid) {
	var d = document;
	var r = d.getElementById(eid);
	return r;
}
function getY( oElement ) {
	var iReturnValue = 0;
	while( oElement != null ) {
		iReturnValue += oElement.offsetTop;
		oElement = oElement.offsetParent;
	}
	return iReturnValue;
}
function getX( oElement ) {
	var iReturnValue = 0;
	while( oElement != null ) {
		iReturnValue += oElement.offsetLeft;
		oElement = oElement.offsetParent;
	}
	return iReturnValue;
}
function popImg(bool, iref, path ) {
	
	if (bool) {
	// top for popup image 10 pixels
	// below corresponding thumb
		var top; 
		var left; 
		
		for ( i = 0; i < images.length; i++) {
			var obj = images[i];
			
			if ( obj.path == path ) {
				
				var image = obj.img;
				top = ( getY ( obj.ref ) + (obj.ref.offsetHeight - image.height - 40 ) /2 )+"px";
				left = ( getX ( get ("wrap") ) + 80 + (( 440 - image.width)/2))+"px";
				var img = "<img src='" + path + "'>";
				var d = document;
				// if popup hasn't yet been added,
				// create and append to body
				if (null == get('popImg')) {
					var pop = d.createElement('DIV');
					pop.id = 'popImg';
					d.body.appendChild(pop);
					
				}
			// get reference to popup image
			// container div
				var pop = get('popImg');
				// set image element into div
				pop.innerHTML = img; //img
				pop.style.top = top;
				pop.style.left = left;
				// show the div and its image
				pop.style.display = 'block';
				//alert (pop);
				// position relative to thumbnail
				break;
			}
		}
	} else {
		// since request was for close,
		// (open==false), hide the div -
		// don't destroy it, since it can
		// be recycled cheaper
		var pop = get('popImg');
		pop.style.display = 'none';
	}
}

function popPoolImg(bool, iref, path ) {
	
	if (bool) {
	// top for popup image 10 pixels
	// below corresponding thumb
		var top; 
		var left; 
		
		for ( i = 0; i < images.length; i++) {
			var obj = images[i];
			
			if ( obj.path == path ) {
				
				var image = obj.img;
				top = ( getY ( obj.ref )  + obj.ref.offsetHeight + 10 - image.height - 40 )+"px";
				left = ( getX ( obj.ref ) + (obj.ref.offsetWidth - image.width - 40 ) /2 )+"px";
				var img = "<img src='" + path + "'>";
				var d = document;
				// if popup hasn't yet been added,
				// create and append to body
				if (null == get('popImg')) {
					var pop = d.createElement('DIV');
					pop.id = 'popImg';
					d.body.appendChild(pop);
					
				}
			// get reference to popup image
			// container div
				var pop = get('popImg');
				// set image element into div
				pop.innerHTML = img; //img
				pop.style.top = top;
				pop.style.left = left;
				// show the div and its image
				pop.style.display = 'block';
				pop.style.zIndex = '20';
				//alert (pop);
				// position relative to thumbnail
				break;
			}
		}
	} else {
		// since request was for close,
		// (open==false), hide the div -
		// don't destroy it, since it can
		// be recycled cheaper
		var pop = get('popImg');
		pop.style.display = 'none';
	}
}


// JavaScript Document