jQuery.noConflict();

(function($){
	$(function(){
		var $body = $('body');
		$body.append('<div id="background" style="display:none"></div>');
		$('#right .inside').append('<div id="close" style="display:none"></div>');
			
		var $window = $(window);
		var $background = $('#background');
			
		var $videos = $('div.video');
		$videos.css('z-index', 1001);
	
		var $close = $('#close');
		$close
			.css('z-index', 1002)
			.css('cursor', 'pointer')
			.click(function(){
				$background.hide();
				$videos.hide();
				$close.hide();
				$body.removeClass('show-video');
				location.reload(true);
				return false;
			});
	
		$('a.video').click(function(){
			var $this = $(this);
			var scrollTop = $window.attr('scrollTop');
			
			if(scrollTop === undefined || scrollTop === null) {
				scrollTop = 0;
			}
			
			scrollTop -= 50;
			
			var scrollLeft = $window.attr('scrollLeft');
			
			if(scrollLeft === undefined || scrollLeft === null) {
				scrollLeft = 0;
			}
			
			$background
				.width($window.width())
				.height($window.height())
				.css('position', 'absolute')
				.css('top', scrollTop)
				.css('left', scrollLeft)
				.css('z-index', 1000)				
				.fadeIn('slow', function(){
					$('#' + $this.attr('id') + '_popup').show();
					$close.show();
				});
				
			$body.addClass('show-video');
			
			return false;
		});
	});
})(jQuery);