// start of thumb zoom with loading message//

var activeDiv = 'ZoomerLayer';
var activeImg = 'ZoomerImg';
var loadingImg = 'templates/base/images/icons/loading.gif';
var i1=new Image(); i1.src='templates/base/images/icons/loading.gif';

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.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 showUserDetails(showEvent,content)
	{
	showDiv = document.getElementById(activeDiv);
	document.getElementById(activeImg).src=loadingImg;
		showPos = getPositionData(showDiv, showEvent);
		showDiv.style.left = showPos['posX'] + 'px'; showDiv.style.top = showPos['posY'] + 'px';
		setThumbZPicture(content);
		showDiv.style.display = 'block';
	}
	
function setThumbZPicture(src)
{
var im=document.getElementById(activeImg);
  checkChangeAPIAvaible(im); 
  im.changeSrc(src); 
}

	function hideUserDetails()
	{
		showDiv = document.getElementById(activeDiv);
		showDiv.style.display = 'none';
	}
	
function checkChangeAPIAvaible(img) {
  if(!img.changeSrc) img.changeSrc=changeSrc;
}

function changeSrc(src) {

  if(src==null) {
    if(this.backSrc) this.src=loadingImg;  
    return;
  }
   if(this.complete) this.backSrc=loadingImg; 
  if(!this.tempLoadImage) { 
     this.tempLoadImage=new Image();
     this.tempLoadImage.onload=changeSrcOL; 
     this.tempLoadImage.parentImage=this; 
    }

  this.tempLoadImage.src=src;
}

function changeSrcOL() {
  this.parentImage.src=this.src;

}

// end of thumb zoom with loading message//