// video player bg
var objVideoBg = document.createElement("div");
objVideoBg.id = "video-bg";

objVideoBg.style.zIndex = 25000; // reserved layer for bg, all videos should be above this
objVideoBg.style.position = "absolute";
objVideoBg.style.display = "none";
objVideoBg.style.top = "0px";
objVideoBg.style.left = "0px";
objVideoBg.style.width = "100%";
objVideoBg.style.height = "100%";
objVideoBg.style.backgroundColor = "#000000";
objVideoBg.style.cursor = "pointer";

// opacity settings
objVideoBg.setAttribute("class", "semi-opaque");
objVideoBg.style.filter ="progid:DXImageTransform.Microsoft.Alpha(opacity=85)"; //IE

objVideoBg.msg = "(click to close)";
objVideoBg.onmouseover = function()
{
	tooltip(this);
}
objVideoBg.onmouseout = function()
{
	untooltip(this);
}

$(document).ready(function() {
	// append the bg div to the body
	document.body.appendChild(objVideoBg);

	// open video player
	$("a[id*=open-video]").click(function() {
		// cancel scrollbar
		document.body.style.overflow = "hidden";
		document.documentElement.style.overflow = "hidden"; //IE
		
		// open it
		objVideoBg.style.display = "block";
		$("#video-player").html('<object width="640" height="360"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=' + $(this).attr("rel") + '&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=' + $(this).attr("rel") + '&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="360"></embed></object>');
		$("#video-player").attr("style", "display:block;");
	});
	$("#video-bg").click(function() {
		// close it
		objVideoBg.style.display = "none";
		$("#video-player").html('');
		$("#video-player").attr("style", "display:none;");
		
		// show scrollbar
		document.body.style.overflow = "auto";
		document.documentElement.style.overflow = "auto"; //IE
	});
});