// JavaScript Document

function showPopup(event, catalogue_number, description, img_src)
{

//alert('x=' + event.clientX + ', y=' + event.clientY);
var popup = document.getElementById('popup');
var popup_image = document.getElementById('popup_image');
var catal_number = document.getElementById('catal_number');
var descr = document.getElementById('description');

catal_number.innerHTML = catalogue_number;
descr.innerHTML = description;

popup_image.src = img_src;
popup.style.display='block';
var x = event.clientX;
var y = event.clientY;
var winsize = getWindowSize();
var top = 0;
var left = 0;

if((y + 20 + popup.offsetHeight) > winsize[1])
	top = winsize[1] - popup.offsetHeight;
else
	top = y + 20;

if((x + 20 + popup.offsetWidth) > winsize[0])
{
	left = winsize[0] - popup.offsetWidth;
	left = left -( (left + popup.offsetWidth) - x + 20);
}
else
	left = x + 20;

//popup.style.top = (event.clientY + 20) + 'px';
popup.style.top = top + 'px';
//popup.style.left = (event.clientX + 20) + 'px';
popup.style.left = left + 'px';
}

function hidePopup(event)
{

var popup = document.getElementById('popup');

popup.style.display='none';
//popup.style.top = 0;
//popup.style.left = 0;

}

function getWindowSize()
{
	var windowWidth = 0;
	var windowHeight = 0;
	if (self.innerWidth)
	{
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientWidth)
	{
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	}
	else if (document.body)
	{
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}
	
	return Array(windowWidth,windowHeight);
}