// JavaScript Document

var divName = 'thumbnail-popups';

var offX = 15;
var offY = 15;

var div01 = 'thumbnail-popup-1';
var div02 = 'thumbnail-popup-2';
var div03 = 'thumbnail-popup-3';
var div04 = 'thumbnail-popup-4';
var div05 = 'thumbnail-popup-5';
var div06 = 'thumbnail-popup-6';
var div07 = 'thumbnail-popup-7';
var div08 = 'thumbnail-popup-8';
var div09 = 'thumbnail-popup-9';
var div010 = 'thumbnail-popup-10';
var div011 = 'thumbnail-popup-11';

var ready = false;

function makeReady() {
	document.onmousemove=follow;
	ready = true;
}

function showPopup(div) {
	if (ready) {
		if (div==div01)	 document.getElementById(div01).style.display=''; else document.getElementById(div01).style.display='none';
		if (div==div02)	 document.getElementById(div02).style.display=''; else document.getElementById(div02).style.display='none';
		if (div==div03)	 document.getElementById(div03).style.display=''; else document.getElementById(div03).style.display='none';
		if (div==div04)	 document.getElementById(div04).style.display=''; else document.getElementById(div04).style.display='none';
		if (div==div05)	 document.getElementById(div05).style.display=''; else document.getElementById(div05).style.display='none';
		if (div==div06)	 document.getElementById(div06).style.display=''; else document.getElementById(div06).style.display='none';
		if (div==div07)	 document.getElementById(div07).style.display=''; else document.getElementById(div07).style.display='none';
		if (div==div08)	 document.getElementById(div08).style.display=''; else document.getElementById(div08).style.display='none';
		if (div==div09)	 document.getElementById(div09).style.display=''; else document.getElementById(div09).style.display='none';
		if (div==div010)	 document.getElementById(div010).style.display=''; else document.getElementById(div010).style.display='none';
		if (div==div011)	 document.getElementById(div011).style.display=''; else document.getElementById(div011).style.display='none';
		
		
		
		
		
		
		
		
		
		if (div!='none') document.getElementById(divName).style.display='';
		if (div=='none') document.getElementById(divName).style.display='none';
	}
}

function mouseX(evt) {
	if (!evt) evt = window.event;
	if (evt.pageX) return evt.pageX;
	  else if (evt.clientX) return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft);
	    else return 0;
}
	  
function mouseY(evt) {
	if (!evt) evt = window.event;
	if (evt.pageY) return evt.pageY;
	  else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
	    else return 0;
}
	
function follow(evt) {
	if (document.getElementById) {
		var obj  = document.getElementById(divName).style;
		obj.left = (parseInt(mouseX(evt))+offX) + 'px';
		obj.top  = (parseInt(mouseY(evt))+offY) + 'px';
	}
}
	
// Ensure that the mouse move action is applied after the page has loaded:
window.onload = function() { makeReady(); }