var videoBox = new Object();
videoBox.id = null;
videoBox.videos = new Array();
videoBox.current = 0;
var initTimer;


document.ready(initVideoBox);
function initVideoBox()
{
	videoBox.id = document.getElementById("videobox");
	if (videoBox.id == null || videoBox.id == "undefined" || videoBox.id == undefined)
		return;

	videoBox.mainVideoBox = document.getElementById("mainvidoebox");
	videoBox.mainVideo = document.getElementById("mainvideo");
	videoBox.mainVideo.mp4Source = document.getElementById("mainvideo_mp4source");
	videoBox.mainVideo.ogvSource = document.getElementById("mainvideo_ogvsource");
	videoBox.flashVideo = document.getElementById("flashvideo");
	videoBox.mainVideoTitle = document.getElementById("mainvideotitle");
	videoBox.thumbBox = document.getElementById("videothumbbox");

	if (screen.availWidth < 600)
	{
		videoBox.mainVideo.onclick = playVideo;
	}

	var count = 0;
	for (index in videoBox.thumbBox.childNodes)
	{

		if (videoBox.thumbBox.childNodes[index].nodeName == "DIV")
		{
			var video = new Object();
			video.thumbFrame = videoBox.thumbBox.childNodes[index];

			for (childIndex in video.thumbFrame.childNodes)
			{
				if (video.thumbFrame.childNodes[childIndex].nodeName == "IMG")
				{
					video.thumbImage = video.thumbFrame.childNodes[childIndex];
					break;
				}
			}

			video.thumbFrame.onclick = videoThumbClick;

			video.thumbURL = video.thumbImage.src;
			video.thumbExtension = video.thumbURL.substring(video.thumbURL.search("\.(jpg)?(JPG)?(png)?(PNG)?$"), video.thumbURL.length)
			video.URLBase = video.thumbURL.substring(0, video.thumbURL.search(video.thumbExtension + "$"))
			video.mp4URL = video.URLBase + ".mp4";
			video.ogvURL = video.URLBase + ".ogv";
			video.title = video.thumbImage.title;

			video.index = video.thumbFrame.index = video.thumbImage.index = count;

			videoBox.videos[count] = video;

			count++;
		}
	}
	
	if (videoBox.videos.length <= 1)
		addClassName(videoBox.thumbBox, "hidden");
		

	setInitialVideo();
}


function setInitialVideo()
{

	if (videoBox.mainVideo.load != undefined || videoBox.flashVideo.SetVariable != undefined)
		setTimeout("switchVideo(0, false)", 1000);
	else
		setTimeout("setInitialVideo()", 100);
}

function videoThumbClick(e)
{
	if (!e) var e = window.event

	var target;
	if (e.target) target = e.target;
	else if (e.srcElement) target = e.srcElement;
	if (target.nodeType == 3) // defeat Safari bug
		target = target.parentNode;

	var index;
	if (target.index != undefined)
		index = target.index;
	else
		index = target.parentNode.index;

	switchVideo(index, true);

}

function switchVideo(videoNumber, autoPlay)
{
	removeClassName(videoBox.videos[videoBox.current].thumbFrame, "selected");
	videoBox.current = videoNumber;
	addClassName(videoBox.videos[videoBox.current].thumbFrame, "selected");

	videoBox.mainVideoTitle.innerHTML = videoBox.videos[videoNumber].title;

	if (videoBox.mainVideo.load != undefined)
	{
		videoBox.mainVideo.poster = videoBox.videos[videoNumber].thumbURL;
		videoBox.mainVideo.mp4Source.src = videoBox.videos[videoNumber].mp4URL;
		videoBox.mainVideo.ogvSource.src = videoBox.videos[videoNumber].ogvURL;
		videoBox.mainVideo.load();
		if (videoBox.mainVideo.currentSrc == "")
		{
			videoBox.mainVideo.src = videoBox.videos[videoNumber].ogvURL;
		}

		if (autoPlay)
			videoBox.mainVideo.play();
	}
	else
	{
		videoBox.flashVideo.SetVariable("player:jsStop", "");
		videoBox.flashVideo.SetVariable("player:jsUrl", videoBox.videos[videoNumber].mp4URL);
		videoBox.flashVideo.SetVariable("player:jsStartImage", videoBox.videos[videoNumber].thumbURL);

		if (autoPlay)
			videoBox.flashVideo.SetVariable("player:jsPlay", "");
	}
}

function playVideo(e)
{
	if (!e) var e = window.event

	videoBox.mainVideo.play();
}