var fullimage;
var imagename;

$(document).ready(function() {
	$("#thumbzoom").mouseout(function() {
		$("#thumbzoom").hide();
	});
	$("#thumbzoom").click(function() {
		var sel;
		var sel2;
		var highres;
		sel = "#" + imagename + "_desc"; 
		sel = sel.replace(/.jpg/,"");
		sel2 = "#" + imagename + "_title"; 
		sel2 = sel2.replace(/.jpg/,"");
		highres = imagename.replace(/.jpg/, ".zip");
		
		$("#mainimage_wrapper").hide();
		$("#mainimage_wrapper").html("");
		$(sel).clone().removeClass("hidden").appendTo("#mainimage_wrapper");
		$("#mainimage_wrapper").append(
			"<div id='mainimage_sub'><img alt='" + fullimage + "' id='mainimage' src='" + fullimage + "' />" +
			"<div class='smalltext'>Image Courtesy of Savvis</div>" +
			$(sel2).html() +
			"<br /><a class='pic_title' href='highres/" + highres + "'>Download high resolution image</a>.</div>");
		$("#mainimage_wrapper").fadeIn("slow");
	});
    $(".thumb").hover(
		function() {
			var loc;
			var top;
			var left;

			imagename = $(this).attr("src");
			fullimage = imagename.replace(/thumb/, "pics");
			imagename = imagename.replace(/thumb\//, "");

			$("#thumbzoom").hide();
			$("#thumbzoom").html("<img src='" + $(this).attr("src") + "' />");

			loc = $(this).position();
			top = loc.top - 10;
			left = loc.left - 21;

			$("#thumbzoom").css("top", top);
			$("#thumbzoom").css("left", left);

			$("#thumbzoom").fadeIn("fast");
		},
		function() {
	});
});