var loadedImages = 0;
var totalImages = 0;


function onLoad(){

 var myXHR = new XHR({method: 'get', onSuccess: setImages});
 myXHR.send('scripts/flickrViewer.php');
 
}


function setImages(responseText, responseXml){
	$("photoDiv").innerHTML = responseText;
	var images = $$(".wait img");
	totalImages = images.length;
	images.each(function(item){item.onload = function(){loadedImage();}});
    initLightbox();

}


function loadedImage(){
	loadedImages++;
	$("loadedImages").setStyle("width", (Math.floor((loadedImages/totalImages) * 100) + "%"));
	if (loadedImages == totalImages){
		loaded();
	}

}

function loaded(){
	$("loadedImages").setStyle("display", "none");
	$$(".wait").setStyle("display", "inline");
}