var current;
var count;
var aktiv;
var temp;
var debug = false;
var el;

	function initAnimation() {
		count = $('#composition4 div').length - 1;
		current = 1;
		switchImage();
		aktiv = window.setInterval("switchImage()", 2000);
		
		if (window.location.hash == '#debug') {
			debug = true;
		}
		
		el = document.getElementById('content_left_menu');
		
	}

	function switchImage() {
		if (current > count) {
			window.clearInterval(aktiv);
		} else {
			temp = current;
			if (debug) { el.innerHTML += 'current: ' + current + '<br>temp = ' + temp + '<br>'; }
			if (debug) { el.innerHTML += 'einblenden starten<br>'; }
			$('#composition4 #obj'+temp).fadeTo(1000, 1.0, function() {
				if (temp < count) {
					if (debug) { el.innerHTML += 'ausblenden starten<br>'; }					
					
					$('#composition4 #obj'+temp).fadeTo(1500, 0.0, function() {
						if (debug) { el.innerHTML += 'ausblenden ende<br>'; }
					});
				}
				else {
					if (debug) { el.innerHTML += 'nicht ausblenden<br>'; }					
				}
				if (debug) { el.innerHTML += 'einblenden ende<br>'; }
			});
			
		
			current++;
			if (debug) { el.innerHTML += 'current increased<br>'; }
		}
	

	}


