$(document).ready(function() {
	var unit = 146, width = 4;
	var calcWidth = $("#landingSlider").find("li").length * unit;
	var position = 0;
	
	$("#landingSlider ul").css({"width":calcWidth+"px"});
	
	$("#landingSliderNavLeft").click(function() {
		position -= unit * width;
		if(position <= 0) position = 0;
		$("#landingSliderInner").animate({scrollLeft: position}, 200);
	});
	
	$("#landingSliderNavRight").click(function() {
		position += unit * width;
		if(position >= calcWidth - unit * 4) position = calcWidth - unit * 4;
		$("#landingSliderInner").animate({scrollLeft: position}, 200);
	});
	
	$("#landingSlider").find("a").each(function() {
		var thisLink = jQuery(this);
		thisLink.click(function(e) {
			e.preventDefault();
			var loading = new Image();	
			var imglink = thisLink.attr("href");
			//var animateShadowBx = {width: $(this).width() + "px", height: $(this).height() + "px"};
			var shadow = document.createElement("div");
			var shadow_box = document.createElement("div");
			var shadow_header = document.createElement("div");
			var shadow_close = document.createElement("div");

			jQuery(shadow).attr({"id":"shadow"}).css({"height":jQuery(document).height()}).appendTo('body');
			jQuery(shadow_box).attr({"id":"shadow_box"}).appendTo(shadow);
			jQuery(shadow_header).attr({"id":"shadow_header"}).text("Click the X to close.").appendTo(shadow_box);
			jQuery(loading).css({"margin": "40px auto"}).appendTo(shadow_box);
			jQuery(shadow_box).css({"width": "300px", "height": "200px", "padding-top": "40px"});
			jQuery(shadow_close).attr({"id":"shadow_box_close"}).appendTo(shadow_header).click(function () {
				jQuery("#shadow").fadeOut(400, function () {$(this).remove()});
			});
			jQuery("#shadow").fadeIn(400);
			
			loading.onload = function() {
				var img = new Image();
				img.onload = function() {
					$(loading).remove();
					$(img).appendTo(shadow_box);
					$("#shadow_box").animate({width: $(img).width() , height: $(img).height() });
				};
				img.src = imglink;
			};
			loading.src = "/images/templates/loading.gif";
		});
	});
});