var counter = 6;
var locked = 0;

$(document).ready(function(){
	/* alle bilder ausblenden */
	$("#bildLeiste #requestHTML .previewImage").hide();
	$("#bildLeiste #requestHTML .previewImage a img").css('display', 'inline');
	
	/* erste bilder einblenden */
	for (i=1;i<=5;i++) {
		$("#img" + i).show();
	}
	
	$("#arrowRightBig").click(function () {
		/* lock */
		if (locked == 0) {
			locked = 1;
			setTimeout("unlock()", 4000);
			/* aktuell angezeigte bilder ausblenden */
			/*$("#bildLeiste #requestHTML .previewImage").fadeOut("slow");*/
			$("#bildLeiste #requestHTML>*").fadeOut("slow");
			$("#bildLeiste #arrowRightBigHref").fadeOut("slow");
			/* warten bis elemente ausgeblendet sind, dann neue einblenden */
			setTimeout("fadeInElements(" + counter + ",5,500)", 1000);
			/* zaehler erhoehen um beim naechsten klick 5 neue anzuzeigen */
			counter == 11 ? counter = 1 : counter = counter + 5;
		}
	});
});

function fadeInElements(start, count, time) {
	/* Effekt-Zeit fuer aktuelles Element in der Schleife */
	elementTime = 500;
	/* Uebergebene Anzahl Elemente ab >start< nach der Reihe einblenden */
	for (i=start; i<start+count; i++) {
		/* Effekt-Zeit erhoehen */
		elementTime = elementTime+500;
		/* Element einblenden */
		$("#img" + i).fadeIn(elementTime);
	}
	$("#bildLeiste>#arrowRightBigHref").fadeIn(elementTime-1000);
}

function unlock() {
	locked = 0;
}