var $j = jQuery;

jQuery.noConflict();

$j(document).ready(function ($) {
	
	if ($(".homepagebody").length == 1) {
		
		var light_html = '<div id="blackbox"></div><div id="lightbox"><div id="lightcloser"></div>';
		
		var light_w = 680;
		var light_h = 521;
		
		$("body").append(light_html);
		
		var browser_w = parseInt(jQuery(window).width(),10);
		var browser_h = parseInt(jQuery(window).height(),10);
		
		var use_left = Math.round(browser_w / 2) - Math.round(light_w / 2);
		var start_top = Math.round(browser_h / 2);
		var target_top = start_top - Math.round(light_h / 2);
		
		$("#lightbox").css({
			'height':'0px',
			'top': start_top +'px',
			'left': use_left +'px'
		});
		$("#blackbox").css({
			'height':browser_h +'px',
			'width':browser_w +'px',
			'top':'0px'
		});
		
		$("#lightcloser, #blackbox").click(function () {
			$("#lightbox").fadeOut(500);
			$("#blackbox").delay(250).fadeOut(500);
		});
		
		$("#lightbox").show();
		
		$("#blackbox").fadeIn(500);
		$("#lightbox").animate({
		    height: light_h,
		    top: target_top
		  }, 1000, function() {
			  $("#lightcloser").fadeIn("500");
		  });
		
	}
	
});

$j(window).resize(function ($) {
	
	if (jQuery(".lightbox:visible").length == 1) {
		var browser_w = parseInt(jQuery(window).width(),10);
		var browser_h = parseInt(jQuery(window).height(),10);
		var use_left = Math.round(browser_w / 2) - Math.round(light_w / 2);
		var start_top = Math.round(browser_h / 2);
		var target_top = start_top - Math.round(light_h / 2);
		
		jQuery("#lightbox").css({
			'top': start_top +'px',
			'left': target_top +'px'
		});
		jQuery("#blackbox").css({
			'height':browser_h +'px',
			'width':browser_w +'px',
			'top':'0px'
		});
	}
	
});