var nextImgChange;
var _loadingImage;

function photoRotate(eleID, photoDir, delay) {
	setTimeout("_photoRotate('"+eleID+"', '"+photoDir+"', '"+delay+"')", delay);
}

function _photoRotate(eleID, photoDir, delay) {
	var xmlhttp = new XMLHttpRequest();
	var vars = 'photoDir='+photoDir;
	xmlhttp.open('POST','/scripts/photoRotate.php?'+vars,true);
	xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xmlhttp.setRequestHeader("Content-length", vars.length);
	xmlhttp.setRequestHeader("Connection", "close");
	xmlhttp.onreadystatechange = function() {
		if(xmlhttp.readyState == 4) {
			_loadingImage = new Image(); 
			_loadingImage.src = xmlhttp.responseText;
			_isImageLoaded(eleID, xmlhttp.responseText, 100, photoDir, delay);
		}
	}
	xmlhttp.send(vars);
}

function _isImageLoaded(eleID, imgURL, delay, photoDir, pDelay) {
	if(_loadingImage.complete==true) {
		var ele = document.getElementById(eleID);
		ele.style.backgroundImage = "url("+imgURL+")";
		setTimeout("_photoRotate('"+eleID+"', '"+photoDir+"', '"+pDelay+"')", pDelay);
	} else {
		setTimeout("_isImageLoaded('"+eleID+"', '"+imgURL+"', '"+delay+"', '"+photoDir+"', '"+pDelay+"')", delay);
	}
}