// JavaScript Document


$(document).ready(function() {
	
	$('.ref').click(function (e) {
		e.preventDefault();
		show_video($(this).attr('href'), $(this).attr('rel'));
	})
	
	function show_video(id, modal_class) {
		$(id).css({'z-index':'999999'});

		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		$('#mask').fadeTo(500,.7);
	
		var winH = $(document).height();
		var winW = $(window).width();
							
		var left = (winW / 2) - ($(id).width() / 2);
		var top = (winH / 2) - ($(id).width() / 2) + $(window).scrollTop();
		
		$(id).addClass(modal_class)
		$(id).css({'top':  top +'px', 'left':  left + 'px'});
		$(id).fadeIn(500); 
	}

	$('.close').click(function() {
		$('#modal').hide();
		$('#mask').hide();
	});
	
	$('#mask').click(function() {
		$('#modal').hide();
		$('#mask').hide();
	});
	
	$(document).keypress(function(e) {
		if (e.keyCode == 27) {
			$('#modal').hide();
			$('#mask').hide();
		}
	});
		
});