// Add Video Player launcher code to all a.videolinks
var sVideoPageURL;
// Cache videoplayer bg image
var bgImg = new Image();
bgImg.src = "/content/img/videoPlayerBG.jpg";

function resizePlayer(w, h) {
	$("#jquery-videoplayer-frame").css("width", w+"px");
	$("#jquery-videoplayer-frame").css("height", h+"px");
	
	$("#jquery-videoplayer-content").css("width", w+"px");
	$("#jquery-videoplayer-content").css("height", h+"px");

	$("#jquery-videoplayer-container").css("width", w+"px");
	$("#jquery-videoplayer-container").css("height", h+"px");
	
	$(".videoPlayerContainer").css("margin-left", 0-w/2-100+"px");
}

$(document).ready(function(){
$("a.videoLink, #KB_videoContent a, #videoContent a, #featuredVideoArea a:contains('/overlayvideo/')").click(function(event){
	//alert($(this).attr("href"));
	sVideoPageURL = $(this).attr("href");

	event.preventDefault();
	
	// Add opacity overlay
	var overlay = $('<div id="jquery-overlay"><div id="jquery-videoplayer"></div></div>');
	// Set overlay width and height based on current browser dimensions
	var cssObj = {
		width: $(document).width(),
		height: $(document).height(),
		backgroundColor: "rgb(0, 0, 0)",
		opacity: 0
	};
	$(overlay).css(cssObj);
	$("body").append(overlay);
	
	// Fade overlay in
	// Once its faded in add videoplayer div
	$(overlay).fadeTo("fast", 0.8, function(){
	
		// Add video player
		var videoplayer = $('<div id="jquery-videoplayer" class="videoPlayerContainer"><div id="jquery-videoplayer-container"><div id="jquery-videoplayer-frame"><iframe id="jquery-videoplayer-content" src="'+sVideoPageURL+'" scrolling="no" frameborder="0" allowtransparency="true"></iframe></div><div id="jquery-videoplayer-close"></div></div></div>');
		var videoCssObj = {
			//opacity: 0,
			top: $(document).scrollTop() + 10
		};
		$(videoplayer).css(videoCssObj);
		$("body").append(videoplayer);

		sVideoPageURL = "";

		//$(videoplayer).fadeTo("fast", 1, function(){
		
			$("#jquery-videoplayer-close").click(function(event){
				$("#jquery-overlay, #jquery-videoplayer").fadeOut("fast", function(){
					$("#jquery-overlay, #jquery-videoplayer").remove();
				});
			});
		
		//});
		
	
	});
	

});
});