// JavaScript Document

$(function(){

		
		$(".show-video").click(function(){
			$("body").append("<div class='overlay' />");
			$(".overlay").append("<a class='close' href='#' />");
			$(".overlay").fadeIn();
			
			
			
			
				$("#video-overlay").show();
				var playerA = projekktor('#player_a', {
					debug: false,
					controls: true,
					autoplay: true,
					loop: false,
					continuous:false
			});
			var item = {
0: {src: 'http://jaa-dev.kjolsen.webfactional.com/video/2011 JAA_Commercial_h264.mov', type: 'video/mp4'},
config: {

}
};
 
 projekktor("player_a").setItem(item);
			$(".close").click(function(){
					playerA.setStop();
					$(".overlay").remove();
					$(".video-overlay").hide();
					projekktor("player_a").setPause();
					return false;
				});
	//		$(this).removeClass("show-video");
	//		$(this).addClass("play-video");
	
	return false;
		});



$(".show-video2").click(function(){
			$("body").append("<div class='overlay' />");
			$(".overlay").append("<a class='close' href='#' />");
			$(".overlay").fadeIn();
			
			
			
			
				$("#video-overlay-2").show();
				var playerB = projekktor('#player_b', {
					debug: false,
					controls: true,
					autoplay: true,
					loop: false,
					continuous:false
			});
			var item = {
0: {src: 'http://jaa-dev.kjolsen.webfactional.com/video/JAA_2009 Redux_h264.mov', type: 'video/mp4'},
config: {

}
};
 
 projekktor("player_b").setItem(item);
			$(".close").click(function(){
					playerB.setStop();
					$(".overlay").remove();
					$(".video-overlay").hide();
					projekktor("player_a").setPause();
					return false;
				});
	//		$(this).removeClass("show-video");
	//		$(this).addClass("play-video");
	
	return false;
		});
	


	});