var arrZoomerImage=[];
var intCurrentThumbID=0;
var intOverThumbID=0;

$(document).ready( function ()
{
	$('#teamgallery').mouseover( function () 
	{	
		$('body').append('<div id="teamgallerypopup" style="display:none;"><div id="teamgalleryimageholder"><img id="teamgalleryimage" src="" alt="" style="display:none;"/></div><div id="teamgalleryfullname"></div><div id="teamgalleryjobtitle"></div><div id="teamgalleryabstract"></div><div id="teamgalleryphone"></div><div id="teamgalleryemail"></div></div>');
		$('#teamgallery').bind('mousemove', update);
		$('#teamgallerypopup').show();
	}
	);
	
	$('#teamgallery').mouseout( function () 
	{
		$('#teamgallery').unbind('mousemove', update);
		$('#teamgallerypopup').remove();
		intCurrentThumbID=0;
	}
	);
	
	$('#teamgallery li a').mouseover( function () 
	{		
		intOverThumbID=getID($(this).parent().attr('id'));
		
	}
	);
	
	$('#teamgallery li a').mouseout( function () 
	{
		intOverThumbID=0;
	}
	);
}
);

function update(event)
{
	if (intOverThumbID==0)
	{
		$('#teamgallerypopup').hide();
	}
	
	if (intCurrentThumbID!=intOverThumbID)
	{
		
	

	
		intCurrentThumbID=intOverThumbID;
		
		$('#teamgalleryimage').remove();
		$('<img src="'+arrZoomerImage[intCurrentThumbID][0]+'" id="teamgalleryimage"/>').load().appendTo('#teamgalleryimageholder');
		$('#teamgalleryfullname').text(arrZoomerImage[intCurrentThumbID][2]);
		$('#teamgalleryjobtitle').text(arrZoomerImage[intCurrentThumbID][3]);
		$('#teamgalleryabstract').html(arrZoomerImage[intCurrentThumbID][4]);
		$('#teamgalleryphone').text(arrZoomerImage[intCurrentThumbID][5]);
		$('#teamgalleryemail').text(arrZoomerImage[intCurrentThumbID][6]);
	}

	helper=$('#teamgallerypopup');

	var left = helper[0].offsetLeft;
	var top = helper[0].offsetTop;
	
	if(event) {
		left = event.pageX+5;
		top = event.pageY+25;

		helper.css({
			left: left + 'px',
			top: top + 'px'
		});
	}
}

function getID(strID)
{
	return strID.replace(/[^0-9]/gi, '');
}