var ytplayer;

(function($) {

	$.videobox = function(id) {
	
		$.videobox.open(id);

	}

	$.extend($.videobox, {

		initialized: false,

		open: function(id) {

			init();
			
			$('#videobox').css({
				top:	getPageScroll()[1] + (getPageHeight() / 10),
				left:	(getPageWidth() / 2) - 222
			}).show();


			$('#videobox').fadeIn(500);
			$('#videobox_overlay').fadeIn(500);

			var params = { allowScriptAccess: "always" };
			var atts = { id: "myytplayer" };
			swfobject.embedSWF("http://www.player.filmtrailer.com/v3.4/player.swf?file=http://dk.player-feed.filmtrailer.com/v2.0/cinema/"+ id +"/?channel_user_id=100001&default_quality=xlarge&backcolor=241D16&frontcolor=7F7F7F", "ytapiplayer", "425", "356", "8", null, null, params, atts);

			return false;
		},

		close: function() {

			if (ytplayer) ytplayer.stopVideo(); ytplayer = null;
			$('#videobox .body').html("<div id=\"ytapiplayer\"></div>");

			$('#videobox').fadeOut(500);
			$('#videobox_overlay').fadeOut(500);

			return false;

		},

		closeDelayed: function() {

			if (ytplayer) ytplayer.stopVideo(); ytplayer = null;
			$('#videobox .body').html("<div id=\"ytapiplayer\"></div>");

			setTimeout(function() {
				$('#videobox').fadeOut(500);
				$('#videobox_overlay').fadeOut(500);
			}, 5);

			return false;

		},

		html: '\
	<div id="videobox" style="display: none; top: 327.1px; left: 746.5px;"> \
		<table style="" width="425" cellspacing="0" cellpadding="0"> \
		<tr> \
		<td style="vertical-align: bottom;"><div class="tl"></div></td> \
		<td style="vertical-align: bottom; width: 100%;"><div class="b" style="height: 10px;"></div></td> \
		<td style="vertical-align: bottom;"><div class="tl" style="height: 25px;"></div></td> \
		<td style="vertical-align: bottom;"><div class="b close" style="height: 25px;"> \
			<img src="http://bornebio.dk/img/close.png" alt="X" /> \
			Luk \
		</div></td> \
		<td style="vertical-align: bottom;"><div class="tr" style="height: 25px;"></div></td> \
		</tr> \
		<tr> \
		<td class="b"></td> \
		<td class="body" colspan="3"><div id="ytapiplayer">You need Flash player 8+ and JavaScript enabled to view this video.</div></td> \
		<td class="b"></td> \
		</tr> \
		<tr> \
		<td class="bl"></td> \
		<td class="b" colspan="3"></td> \
		<td class="br"></td> \
		</tr> \
		</table> \
	</div> \
	<div style="display: none;" id="videobox_overlay"></div>'

	});

	function init() {
	
	    if ($.videobox.initialized) return true;
	    else $.videobox.initialized = true;

		$('body').append($.videobox.html);

		$('#videobox .close').click(function () { 
			$.videobox.close();
		});

	}

  // getPageScroll() by quirksmode.com
  function getPageScroll() {
    var xScroll, yScroll;
    if (self.pageYOffset) {
      yScroll = self.pageYOffset;
      xScroll = self.pageXOffset;
    } else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
      yScroll = document.documentElement.scrollTop;
      xScroll = document.documentElement.scrollLeft;
    } else if (document.body) {// all other Explorers
      yScroll = document.body.scrollTop;
      xScroll = document.body.scrollLeft;	
    }
    return new Array(xScroll,yScroll) 
  }

	// Adapted from getPageSize() by quirksmode.com
	function getPageWidth() {
		if (self.innerWidth) {	// all except Explorer
			return self.innerWidth;
		} else if (document.documentElement && document.documentElement.clientWidth) { // Explorer 6 Strict Mode
			return document.documentElement.clientWidth;
		} else if (document.body) { // other Explorers
			return document.body.clientWidth;
		}
	}

	// Adapted from getPageSize() by quirksmode.com
	function getPageHeight() {
		var windowHeight;
		if (self.innerHeight) {	// all except Explorer
			return self.innerHeight;
		} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
			return document.documentElement.clientHeight;
		} else if (document.body) { // other Explorers
			return document.body.clientHeight;
		}
	}

})(jQuery);

function onYouTubePlayerReady(playerId) {
	ytplayer = document.getElementById("myytplayer");
	ytplayer.addEventListener("onStateChange", "onYouTubePlayerStateChange")
	ytplayer.playVideo();
}

function onYouTubePlayerStateChange(state) {
	if (state == 0) {
		$.videobox.closeDelayed();
	}
}