var nImgs = 0;
var oImgs = [];
var jImgs = [];
var aSts  = [];
var nCurr = 0;
var bRuns = false;

$(document).ready(function () {

	var jDiv  = $("#quedicen");

	jQuery.getJSON("ajax-quedicen.php", { }, function (data) {
		nImgs = data.length;
		for(var i=0; i<nImgs; i++) {
			aSts[i]  = false;
			oImgs[i] = new Image();
			oImgs[i].src = data[i];
			jImgs[i] = $(oImgs[i]);
			jImgs[i].load(f_imgloaded);
			jImgs[i].attr("num", i);
			jImgs[i].attr("width", 285).attr("height", 150);
			jDiv.append(oImgs[i]);
		}
	});

});

function f_imgloaded() {
	var jThis = $(this);

	var num   = jThis.attr("num");
	aSts[num] = true;
	if(!bRuns) {
		bRuns = true;
		nCurr = num;
		jThis.css("display", "block");
		setInterval(f_imgnext, 5000);
	}
}

function f_imgnext() {
	var jImg;
	jImg = jImgs[nCurr];
	jImg.fadeOut(1000);
	while(true) {
		nCurr++;
		if(nCurr==nImgs) nCurr = 0;
		if(aSts[nCurr]) break;
	}
	jImg = jImgs[nCurr];
	jImg.fadeIn(1000);
}