var socTO;	

document.observe("dom:loaded", function(){
		
	var socialTrigger = $('socialTrigger');
	var socialBlock = $('socialInformationBlock');

	socialTrigger.observe("mouseover", function(){
		socialBlock.show();
		clearTimeout(socTO);
	});
	socialTrigger.observe("mouseout", function(){	
		triggerHideSocialPopup();
	});
	
	socialBlock.observe("mouseover", function(){
		clearTimeout(socTO);
	});
	socialBlock.observe("mouseout", function(){
		triggerHideSocialPopup();
	});

	//set a timeout for hiding the popup
	function triggerHideSocialPopup()
	{
		socTO = setTimeout(hideSocialPopup, 500);
	}

	//actually hide the popup
	function hideSocialPopup()
	{
		socialBlock.hide();		
	}
	
});