function OnVideoMouseOver(e, mainTable, callOutStructureID, divCallOutPointerID, divCallOutMessageID)
{
	
	var activePageWidth = 745; //Usable page width in pixels
	var windowWidth = (window.innerWidth) ? window.innerWidth : document.body.clientWidth;
	
	var callOutStructure = document.getElementById(callOutStructureID);
		
	if(callOutStructure)
	{
		// In IE, the callOutStructure, a tr, will reserve 1px for itself when visible.
		// It will not in FireFox, so there is no need to adjust the margin
		if((navigator.appVersion.indexOf("MSIE 6") > -1) || (navigator.appVersion.indexOf("MSIE 7") > -1))
		{
			mainTable.style.marginTop = "0px";
		}
		
		callOutStructure.style.visibility = "visible";
		callOutStructure.style.display = "";
		
		var divCallOutPointer = document.getElementById(divCallOutPointerID);
		var divCallOutMessage = document.getElementById(divCallOutMessageID);
		
		if(divCallOutPointer && divCallOutMessage)
		{
		
		    // Move the top of the call out message box up based on the message height, plus 11 px for the pointer.
			divCallOutMessage.style.marginTop = (-1 * (11 + divCallOutMessage.offsetHeight)) + "px";
		    
		}
	}
}



function OnVideoMouseOut(e, mainTable, videoStructureID, callOutStructureID)
{
	var element = e.relatedTarget || e.toElement;
	
	var videoStructure = document.getElementById(videoStructureID);
	
	if(IsChildOf(element, videoStructure))
	{
		return;
	}
	
	var callOutStructure = document.getElementById(callOutStructureID);
		
	if(callOutStructure)
	{
		// In IE, the callOutStructure, a tr, will reserve 1px for itself ONLY when visible.
		// It will not in FireFox, so there is no need to adjust the margin
		if((navigator.appVersion.indexOf("MSIE 6") > -1) || (navigator.appVersion.indexOf("MSIE 7") > -1))
		{
			mainTable.style.marginTop = "1px";
		}
		
		callOutStructure.style.visibility = "hidden";
		callOutStructure.style.display = "none";
	}
}