var loadImage = new Image;
	
	function loadBigPic(showEvent, picName, picDesc)
	{
		showDiv = document.getElementById('showDivId');
		loadImage.onload = function()
		{
			showDiv.innerHTML = '<img id="showBigPicId" src"" alt="' + picDesc + '" title="' + picDesc + '" />';
			document.getElementById('showBigPicId').src = loadImage.src;
		}
		showDiv.style.height = '120px';
		showDiv.style.width = '120px';
		showDiv.innerHTML = 'Loading...';
		showBigPic(showEvent);
		showDiv.style.display = 'block';
		loadImage.src = picName;
	}
	
	function getPositionData(obj, showEvent)
	{
		if ( !showEvent )
			showEvent = window.event;
		
		var pos_X = 0, pos_Y = 0;
		if ( showEvent )
		{
			if ( typeof(showEvent.pageX) == 'number' )
			{
				pos_X = showEvent.pageX; pos_Y = showEvent.pageY;
			}
			else if ( typeof(showEvent.clientX) == 'number' )
			{
				pos_X = showEvent.clientX; pos_Y = showEvent.clientY;
				if ( document.body && ( document.body.scrollTop || document.body.scrollLeft ) && !( window.opera || window.debug || navigator.vendor == 'KDE' ) )
				{
					pos_X += document.body.scrollLeft; pos_Y += document.body.scrollTop;
				}
				else if ( document.documentElement && ( document.documentElement.scrollTop || document.documentElement.scrollLeft ) && !( window.opera || window.debug || navigator.vendor == 'KDE' ) )
				{
					pos_X += document.documentElement.scrollLeft; pos_Y += document.documentElement.scrollTop;
				}
			}
		}
		
		var scroll_X = 0, scroll_Y = 0;
		if ( document.body && ( document.body.scrollTop || document.body.scrollLeft ) && !( window.debug || navigator.vendor == 'KDE' ) )
		{
			scroll_X = document.body.scrollLeft; scroll_Y = document.body.scrollTop;
		}
		else if ( document.documentElement && ( document.documentElement.scrollTop || document.documentElement.scrollLeft ) && !( window.debug || navigator.vendor == 'KDE' ) )
		{
			scroll_X = document.documentElement.scrollLeft; scroll_Y = document.documentElement.scrollTop;
		}
		
		var win_size_X = 0, win_size_Y = 0;
		if (window.innerWidth && window.innerHeight)
		{
			win_size_X = window.innerWidth; win_size_Y = window.innerHeight;
		}
		else if (document.documentElement && document.documentElement.clientWidth && document.documentElement.clientHeight)
		{
			win_size_X = document.documentElement.clientWidth; win_size_Y = document.documentElement.clientHeight;
		}
		else if (document.body && document.body.clientWidth && document.body.clientHeight)
		{
			win_size_X = document.body.clientWidth; win_size_Y = document.body.clientHeight;
		}
		
		pos_X += 15; pos_Y += 15;
		
		if (obj && obj != undefined && obj.offsetWidth && obj.offsetHeight)
		{
			if (pos_X - scroll_X + obj.offsetWidth + 5 > win_size_X)
				pos_X -= (obj.offsetWidth + 25);
			if (pos_Y - scroll_Y + obj.offsetHeight + 5 > win_size_Y)
				pos_Y -= (obj.offsetHeight + 20);
		}
		
		var res = new Array;
		res['posX'] = pos_X;
		res['posY'] = pos_Y;
		res['scrollX'] = scroll_X;
		res['scrollY'] = scroll_Y;
		res['winSizeX'] = win_size_X;
		res['winSizeY'] = win_size_Y;
		
		return res;
	}
	
	function showBigPic(showEvent)
	{
		if ( !showEvent )
			showEvent = window.event;
		showDiv = document.getElementById('showDivId');
		
		showPos = getPositionData(showDiv, showEvent);
		showDiv.style.left = showPos['posX'] + 'px'; showDiv.style.top = showPos['posY'] + 'px';
	}

	function hideBigPic()
	{
		document.getElementById('showDivId').style.display = 'none';
		if (!loadImage.completed)
			loadImage.src = '';
	}