$j = jQuery.noConflict();
$j(document).ready(function(){
	$j('#bilder img').eq(0).css({
		'opacity': '1',
		'filter': 'alpha(opacity=100)'
	});
	
	var bgIndex = 0;
	var indexStep = 1;
	var endStep = 0;
	var totalImgs = $j('#bilder img').size();
	var setime = 30;
	
	getNext = function(i){
		var nextIndex = i + 1;
		if (nextIndex >= totalImgs) {
			nextIndex = 0;
		}
		return nextIndex;
	};
	
	changeOpt = function(i){
		$j('#bilder img').eq(i).css({
			'opacity': indexStep,
			'filter': 'alpha(opacity=' + indexStep * 100 + ')'
		});
		
		if (i == totalImgs) {
			i = 0;
		}
		
		$j('#bilder img').eq(getNext(i)).css({
			'opacity': endStep,
			'filter': 'alpha(opacity=' + (endStep * 100) + ')'
		});
		
		setTimeout("changeBg(" + i + ")", setime);
	}
	
	changeBg = function(i){
		indexStep -= 0.01;
		if (indexStep <= 0) 
			indexStep = 1;
		
		endStep += 0.01;
		if (endStep > 1) 
			endStep = 0;
		
		if (indexStep == 1) {
			setime = 1000;
			$j('#bilder img').eq(i).css({
				'opacity': 0,
				'filter': 'alpha(opacity=0)'
			});
			$j('#bilder img').eq(getNext(i)).css({
				'opacity': 1,
				'filter': 'alpha(opacity=100)'
			});
			i++;
		}
		else {
			//changeOpt(i);
			setime = 30;
		}
		
		$j('#bilder img').eq(i).css({
			'opacity': indexStep,
			'filter': 'alpha(opacity=' + indexStep * 100 + ')'
		});
		
		if (i == totalImgs) 
			i = 0;
		
		$j('#bilder img').eq(getNext(i)).css({
			'opacity': endStep,
			'filter': 'alpha(opacity=' + (endStep * 100) + ')'
		});
		setTimeout("changeOpt(" + i + ")", setime);
	};
	
	if (totalImgs > 1) {
		$j('#bilder img').eq(bgIndex).ready(function(){
			animationStarted = true;
			setTimeout("changeBg(" + bgIndex + ")", 1000);
		});
	}
	
});