//---------------------------------------------------------------------------
// Modular Variables
//---------------------------------------------------------------------------
var intWEBISODE_WIDTH = 666;
var intWEBISODE_HEIGHT = 354;



//---------------------------------------------------------------------------
//     Name: SetUpWebisode
// Abstract: Set up webisode for viewing.
//---------------------------------------------------------------------------
function SetUpWebisode()
{

	var objWebisodeBackground = document.getElementById("webisode");
	var objWebisodeBorder = document.createElement("div");

	objWebisodeBackground.style.top = 0;
	objWebisodeBackground.style.width = document.body.clientWidth + "px";
	objWebisodeBackground.style.height = document.body.clientHeight + 10 + "px";
	objWebisodeBackground.style.display = "block";
	
	document.body.appendChild(objWebisodeBackground);
	
	objWebisodeBorder.id = "WebisodeBorder";
	objWebisodeBorder.style.width = "712px";
	objWebisodeBorder.style.height = "377px";
	
	objWebisodeBackground.appendChild(objWebisodeBorder);

	if (document.all)
	{

		document.body.attachEvent("onscroll", PositionWebisode);


	}
	else
	{

		window.addEventListener("scroll", PositionWebisode, false);

	}
	
	PositionWebisode();

}



//---------------------------------------------------------------------------
//     Name: PositionWebisode
// Abstract: Positions webisode center screen.
//---------------------------------------------------------------------------
function PositionWebisode()
{

	var objWebisode = document.getElementById("WebisodeBorder");

	if (objWebisode)
	{

		objWebisode.style.left = ((document.body.clientWidth - intWEBISODE_WIDTH) / 2) + "px";
		objWebisode.style.top =  (document.documentElement.scrollTop + (intWEBISODE_HEIGHT / 2)) + "px";  //((document.body.clientHeight - intWEBISODE_HEIGHT) / 2) + document.documentElement.scrollTop; // + (document.documentElement.scrollTop / 2);
	
	}

}



//---------------------------------------------------------------------------
//     Name: ShowWebisode
// Abstract: Shows webisode.
//---------------------------------------------------------------------------
function ShowWebisode(strFileName)
{

	var objWebisodeBackground = document.getElementById("webisode");

	if (objWebisodeBackground.childNodes.length == 0) SetUpWebisode();
	
	objWebisodeBackground.style.display = "block";

	loadMovie('WebisodeBorder', strFileName, intWEBISODE_WIDTH, intWEBISODE_HEIGHT);

}



//---------------------------------------------------------------------------
//     Name: HideWebisode
// Abstract: Hides webisode.
//---------------------------------------------------------------------------
function HideWebisode()
{

	loadMovie('WebisodeBorder', '', intWEBISODE_WIDTH, intWEBISODE_HEIGHT);
	
	document.getElementById("webisode").style.display = "none";

}



//---------------------------------------------------------------------------
//     Name: CharacterRollOvers
// Abstract: Handles roll overs for the characters.
//---------------------------------------------------------------------------
function CharacterRollOvers(strCharacter)
{

	var imgCharacters = document.getElementById("imgCharacters");

	if (strCharacter != "")
	{
	
		imgCharacters.src = "/new/images/characters-" + strCharacter + ".gif";
	
	}
	else
	{
	
		imgCharacters.src = "/new/images/characters.gif";
	
	}

}