﻿function initRichMedia()
{
	initVideoPlayer();
	initRollImages('Pizza');
	initRollImages('Pasta');
	displayRandomThumbnail();	
}

function initVideoPlayer()
{
	var oLayers = document.getElementsByTagName('a');

	for (var nIndex = 0; nIndex < oLayers.length; nIndex++)
	{
		var oLayer = oLayers[nIndex];
		var sClass = oLayer.className;

		if (sClass == 'VideoPlayer')
		{
			var sPlayerId = oLayer.id;
			var sPlaylistId = sPlayerId + 'Playlist';
			var oPlaylist = document.getElementById(sPlaylistId);

			var oPlayer = $f(sPlayerId, '/video/player/flowplayer-3.1.5.swf',
				{
					clip:
					{
						baseUrl: '/video'
					} ,
					plugins: 
					{
						controls: 
						{
							volumeSliderColor: '#000000',
							buttonOverColor: '#777777',
							progressColor: '#111111',
							bufferColor: '#444444',
							timeColor: '#010101',
							buttonColor: '#5f5f5f',
							sliderGradient: 'none',
							timeBgColor: '#555555',
							tooltipColor: '#5f5f5f',
							bufferGradient: 'none',
							volumeSliderGradient: 'none',
							backgroundGradient: [0.6, 0.3, 0, 0, 0],
							sliderColor: '#000000',
							durationColor: '#ffffff',
							tooltipTextColor: '#ffffff',
							borderRadius: '0px',
							progressGradient: 'medium',
							backgroundColor: '#222222',
							height: 24,
							opacity: 1.0
						}
					}							
				}
			);

			if (oPlaylist)
				oPlayer.playlist( '#' + sPlaylistId);				
		}
	}	
}

var Thumbnails = new Array();

function displayRandomThumbnail()
{
	if (Thumbnails.length != 0)
	{
		var nIndex = Math.floor(Math.random() * Thumbnails.length);
		var oThumbnail = Thumbnails[nIndex];

		if (oThumbnail.MouseOver == false)
		{
			if (oThumbnail.CurrentOpacity == oThumbnail.TargetOpacity)
			{
				if (oThumbnail.CurrentOpacity == 0)
					oThumbnail.TargetOpacity = 100;

				if (oThumbnail.CurrentOpacity == 100)
					oThumbnail.TargetOpacity = 0;

				if (oThumbnail.ActiveTimer)
					clearTimeout(oThumbnail.ActiveTimer);

				oThumbnail.ActiveTimer = setTimeout("updateOpacity('" + oThumbnail.id + "')", oThumbnail.TimerInterval);				
			}
		}
	}
	setTimeout('displayRandomThumbnail();', 3000);
}


function initRollImages( sTargetClass )
{
	var oLayers = document.getElementsByTagName('div');

	for (var nIndex = 0; nIndex < oLayers.length; nIndex++)
	{
		var oLayer = oLayers[nIndex];
		var sClass = oLayer.className;

		if (sClass == sTargetClass)
		{
			var oChildLayers = oLayer.getElementsByTagName('div');

			for (var nChildIndex = 0; nChildIndex < oChildLayers.length; nChildIndex++)
			{
				var oChildLayer = oChildLayers[nChildIndex];
				var sChildClass = oChildLayer.className;

				if (sChildClass == 'Thumbnail')
				{
					oChildLayer.onmouseover = onThumbnailMouseOver;
					oChildLayer.onmouseout = onThumbnailMouseOut;

					oChildLayer.CurrentOpacity = 0;
					oChildLayer.TargetOpacity = 0;
					oChildLayer.TimerInterval = 50;
					oChildLayer.OpacitySteps = 10;
					oChildLayer.ActiveTimer = null;
					oChildLayer.MouseOver = false;

					Thumbnails.push(oChildLayer);
				}
			}
		}
	}
}

function updateOpacity(sLayer)
{
	var oLayer = document.getElementById(sLayer);
	var oStyle = oLayer.style;

	if (oLayer.CurrentOpacity != oLayer.TargetOpacity)
	{
		var nOpacityDelta = oLayer.TargetOpacity - oLayer.CurrentOpacity;
		var nDefaultOpacityInterval = 100 / oLayer.OpacitySteps;
		var nOpacity;

		if (Math.abs(nOpacityDelta) < Math.abs(nDefaultOpacityInterval))
		{
			nOpacity = oLayer.TargetOpacity;
		}
		else
		{
			if (oLayer.CurrentOpacity > oLayer.TargetOpacity)
				nOpacity = oLayer.CurrentOpacity - nDefaultOpacityInterval;
			else
				nOpacity = oLayer.CurrentOpacity + nDefaultOpacityInterval;
		}

		oLayer.CurrentOpacity = nOpacity;

		oStyle.opacity = (nOpacity / 100);
		oStyle.MozOpacity = (nOpacity / 100);
		oStyle.KhtmlOpacity = (nOpacity / 100);
		oStyle.filter = "alpha(opacity=" + nOpacity + ")";

		oLayer.ActiveTimer = setTimeout("updateOpacity('" + sLayer + "')", oLayer.TimerInterval);
	}
	else
	{
		oLayer.ActiveTimer = null;
	}
}

function onThumbnailMouseOver()
{
	var oThumbnail = this;

	oThumbnail.TargetOpacity = 100;
	oThumbnail.MouseOver = true;

	if (oThumbnail.ActiveTimer)
		clearTimeout(oThumbnail.ActiveTimer);

	oThumbnail.ActiveTimer = setTimeout("updateOpacity('" + oThumbnail.id + "')", oThumbnail.TimerInterval);
}

function onThumbnailMouseOut()
{
	var oThumbnail = this;

	oThumbnail.TargetOpacity = 0;
	oThumbnail.MouseOver = false;

	if (oThumbnail.ActiveTimer)
		clearTimeout(oThumbnail.ActiveTimer);

	oThumbnail.ActiveTimer = setTimeout("updateOpacity('" + oThumbnail.id + "')", oThumbnail.TimerInterval);
}