var flickrImageArray = new Array();
var imgPreload;

function showFlickrPhoto(id) {	
	imgPreload = new Image();
	imgPreload.onload = function() {
		
		Effect.Fade("flickrPhoto", { afterFinish: function() { nextFlickrFrame(id); } });
	}
	imgPreload.src = flickrImageArray[id - 1];
}

function nextFlickrFrame(id) {
	var width = imgPreload.width;
	var height = imgPreload.height;
	var newWidth, newHeight;
	
	newWidth = 210;
	newHeight = height * (newWidth / width);
	
	document.getElementById("flickrPhoto").src = flickrImageArray[id - 1];
	document.getElementById("flickrPhotoWrapper").style.width = newWidth + "px";
	document.getElementById("flickrPhotoWrapper").style.height = newHeight + "px";
	document.getElementById("flickrPhoto").style.width = newWidth + "px";
	document.getElementById("flickrPhoto").style.height = newHeight + "px";
		
	if (id >= 20) {
		var newId = 1;
	} else {
		var newId = id + 1;
	}
	
	Effect.Appear("flickrPhoto", { afterFinish: function() { setTimeout("showFlickrPhoto(" + newId + ")",5000); } });
	
}

function loadFlickrBlock() {
	var parameters = "rnd=" + new Date().getTime();
	
	new Ajax.Request("includes/php/flickr/flickrBlock.php",
		{
			method: "post",
			postBody: parameters,
			onSuccess: function(transport) { loadFlickrBlockFeedback(transport); }
		}
	);
}

function loadFlickrBlockFeedback(transport) {
	var flickrBlockObj = document.getElementById("flickrBlock");
	
	flickrBlockObj.innerHTML = transport.responseText;
	
	loadFlickrArray();
}

function loadFlickrArray() {
	var parameters = "rnd=" + new Date().getTime();
	
	new Ajax.Request("includes/php/flickr/flickrArray.php",
		{
			method: "post",
			postBody: parameters,
			onSuccess: function(transport) { loadFlickArrayFeedback(transport); }
		}
	);
}

function loadFlickArrayFeedback(transport) {
	var imageArray = eval('(' + transport.responseText + ')');
	
	for (var i = 0; i < 20; i++) {
		flickrImageArray[i] = imageArray.photos[i].path;
	}
	
	setTimeout("showFlickrPhoto(2)",5000);
}