var showMovie = function(url, title)
{
	var mask = document.getElementById("mask");
	mask.style.height = document.body.clientHeight + "px";
	mask.style.visibility = "visible";
	
	var windowWidth = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth;
	var windowHeight = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight;
	var scrollLeft = window.pageXOffset ? window.pageXOffset : (document.documentElement ? document.documentElement.scrollLeft : document.body.scrollLeft);
	var scrollTop = window.pageYOffset ? window.pageYOffset : (document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop);

	var movie = document.getElementById("movie");
	movie.style.left = Math.max(0, Math.ceil((windowWidth - 640) / 2) + scrollLeft) + "px";
	movie.style.top = Math.max(0, Math.ceil((windowHeight - 360) / 2) + scrollTop) + "px";
	movie.style.visibility = "visible";

	var movieContainer = document.getElementById("movieContainer");
	var movieHtml = "<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0\" width=\"640\" height=\"360\"><param name=\"quality\" value=\"high\" /><param name=\"bgcolor\" value=\"#ffffff\" /><param name=\"allowScriptAccess\" value=\"sameDomain\" /><param name=\"allowFullScreen\" value=\"true\" /><param name=\"wmode\" value=\"transparent\" /><param name=\"movie\" value=\"swf/mediaplayer.swf\"/><param name=\"flashvars\" value=\"autostart=true&amp;width=640&amp;height=360&amp;file=../" + url + "&amp;image=video.jpg\" /><embed width=\"640\" height=\"360\" bgcolor=\"#ffffff\" flashvars=\"autostart=true&amp;width=640&amp;height=360&amp;file=../" + url + "&amp;image=video.jpg\" allowfullscreen=\"true\" quality=\"high\" style=\"\" src=\"swf/mediaplayer.swf\" type=\"application/x-shockwave-flash\"/></object>";
	movieContainer.innerHTML = movieHtml;
};

var hideMovie = function()
{
	var movie = document.getElementById("movie");
	movie.style.visibility = "hidden";
	
	var movieContainer = document.getElementById("movieContainer");
	movieContainer.innerHTML = "&nbsp;";

	var mask = document.getElementById("mask");
	mask.style.visibility = "hidden";
}

var myMooFlowPage = {
		start: function(){
		var mf = new MooFlow($('MooFlow'), {
			useSlider: true,
			useCaption: true,
			useMouseWheel: true,
			useKeyInput: true,
			useViewer: true,
			onClickView: function(obj){
				showMovie(obj.href, obj.title);
			}
		});	
	}
};

window.addEvent('domready', myMooFlowPage.start);
window.addEvent("onload", correctPNG);