//var  newImg = document.getElementById('PhotoLoader');


var path = null;
var captionid = null;

function waitFor1(newImg){ 
	if(!newImg.complete){ 
	imgWait=setTimeout('waitFor(newImg)', 250); 
	} else{ 
	$("#loading").css("display", "none");
	var bgimg = $("#Photo").attr("src");
	
	$("#PhotoFader").attr("src", bgimg);
	$("#Photo").attr("src", path);
	$("#PhotoFader").show();
	$("#PhotoFader").fadeOut("slow");
	
	

	$("#caption").html(captions[captionid]);

	} 
}


function waitFor(newImg){ 

	var img = $('img#PhotoLoader')[0]; 	
	img.onload = function() { 
		//$("#loading").css("display", "block");
		$("#loading").css("display", "none");
		var bgimg = $("#Photo").attr("src");
	
	$("#PhotoFader").attr("src", bgimg);
	$("#Photo").attr("src", path);
	$("#PhotoFader").show();
	$("#PhotoFader").fadeOut("slow");
	
	

	$("#caption").html(captions[captionid]);
	}
	
	

	
}

$(document).ready(function(){
					   
	$("#thumbs a").click(function(){
		//alert($("> img", this).attr("src"));
		//$("#loading").css("display", "block");
		captionid = $("> img", this).attr("alt");
		path = $("> img", this).attr("src");
		path = 'photos' + path.substring(6);
		//alert(path);
		$("#thumbs a").removeClass("current");
		$(this).addClass("current");
		$("#PhotoLoader").attr("src", path);
		newImg = document.getElementById('PhotoLoader');
		waitFor(newImg);
		//$("#Photo").attr("src", path);
		//$("#Photo").fadeIn();
		//$("#caption").html(captions[captionid]);
		return false;
	});
	var totalH = $(".container").height() + 150;
	//alert(totalH + ":" + document.body.offsetHeight);
	$("#thumbs a:first").addClass("current");
	
	
	window.resizeTo(660,totalH);
});