$(document).ready( function() { 

			var HPactive = "hp-section0";
			var HPmissingthumb = "#hp-thumb0";

			$('#HP-Splash .hp-thumb').click( function(e) { 
				var ctrl = $(this).attr("rel");
				$("#" + HPactive + " .hp-bgimg").fadeOut(150);
				$("#" + HPactive + " .hp-title").fadeOut(150);
				$("#" + HPactive + " .hp-descr").fadeOut(200, function() {
					$("#" + ctrl + " .hp-title").fadeIn(200);
					$("#" + ctrl + " .hp-descr").fadeIn(450);
					$("#" + ctrl + " .hp-bgimg").fadeIn(200);
					});
				HPactive = ctrl;

				var thumb = $(this);
				var newtn = $(HPmissingthumb);
				$(thumb).animate({ left: -230 }, 200, function() {
					var p = parseInt($(thumb).attr("id").charAt($(thumb).attr("id").length-1));
					var n = parseInt($(newtn).attr("id").charAt($(newtn).attr("id").length-1));
					var newtop = 0;
					HPmissingthumb = thumb;

					if (p+1 < n) {
						newtop = Math.max(n-1, 0) * 81;
						for(var i = p+1; i < n; i++)
							$('#hp-thumb' + i).animate({top: "-=81"}, 250, function() { consolidate(newtop); });
						}
					else if (p > n+1) {
						newtop = n * 81;
						for(var i = n+1; i < p; i++) 
							$('#hp-thumb' + i).animate({top: "+=81"}, 250, function() { consolidate(newtop); });
						}
					else { consolidate($(thumb).css("top")); };
					});

				function consolidate(newtop) {
					$(newtn).css("top", newtop).animate({left: 0}, 250, function() {
						$("#" + HPactive).children().show();
						$("#" + HPactive).siblings().children().hide();
						$(HPmissingthumb).css("left", "-230px");
						var t = -81;
						$(HPmissingthumb).siblings().each(function() {
							$(this).css("left", "0px").css("top", (t+=81) + "px");
							});
						});
					}
				});
		});