﻿(function($){
	
	$.fn.videoBox = function() {
		
		var link = $(".video-link"),
			videoWrap = $(".video-block"),
			videoEntry = $(".video-entry",videoWrap),
			modal = videoWrap
				.wrap('<div class="videobox"><div class="v-content"></div></div>')
				.parents('.videobox')
				.append('<div class="v-shadow"></div>')
        .find('.v-content')
        .append('<span class="close"></span>')
        .end()
          .detach()
          .appendTo('body')

		
		link.click(function(){
		
			modal
				.show()
				.css({
					"height":$(window).height(),
					"width":$(window).width()
				})
				.find(".v-content")
					.css({
						"margin-top": - videoEntry.height()/2,
						"margin-left": - videoEntry.width()/2
					})
				.siblings(".v-shadow")
					.bind("click",function(){
						/*if( !!document.createElement('video').canPlayType ){
							$("#video")[0].pause()
						}else{*/
							//player.sendEvent('PLAY', 'false')
						/*}*/
						modal.hide();
						$(this).unbind("click")
						$(document).unbind("keypress")
					})
        .siblings(".v-content")
          .find(".close")
          .click(function(){
            $(".v-shadow").trigger("click")
          })
				
				$(document).bind('keypress', function(event){
					if ((event.which && event.which == 27) || (event.keyCode && event.keyCode == 27)) {
						modal.find(".v-shadow").trigger("click")
					}
				});

				
			return false;
		})
		
	};
	
})(jQuery);
		
$(document).ready(function(){
	if ($('.video-block').length > 0){
		$('.video-block').videoBox();
	}
});
