// Schallmauer Image Rotator

$(document).ready(function () {
	
	var
	ctrl_btn_01 = $("#ctrl_btn_01"),
	ctrl_btn_02 = $("#ctrl_btn_02"),
	ctrl_btn_03 = $("#ctrl_btn_03"),
	ctrl_btn_04 = $("#ctrl_btn_04"),
	content_01 = $("#content_01"),
	content_02 = $("#content_02"),
	content_03 = $("#content_03"),
	content_04 = $("#content_04");
	
	content_02.hide();
	content_03.hide();
	content_04.hide();
	
	var fader = content_01.fader(1, 5500);
	
	ctrl_btn_01.click(function() {
		fader.stop(true, true);
	});
	ctrl_btn_02.click(function() {
		fader.stop(true, true);
	});
	ctrl_btn_03.click(function() {
		fader.stop(true, true);
	});
	ctrl_btn_04.click(function() {
		fader.stop(true, true);
	});
});

// zeitverzögerung
$.fn.delay = function( time, name ) {
    return this.queue( ( name || "fx" ), function() {
        var self = this;
        setTimeout(function() { $.dequeue(self); } , time );
    });
};





// bilder faden
$.fn.fader = function(nmbr, delayTime) {
	if(nmbr == 1) {
		$("#ctrl_btn_04").animate({
				'margin-top'	: 8,
				'height'		: 8
		});
		$("#ctrl_btn_01").animate({
			'margin-top'	: 0,
			'height'		: 16
		});
		$("#content_01").delay(delayTime).fadeOut(1500);
		$("#content_02").delay(delayTime).fadeIn(1500,function () {
			$("#content_02").fader(2, delayTime);
		});
	}
	else if(nmbr == 2) {
		$("#ctrl_btn_01").animate({
				'margin-top'	: 8,
				'height'		: 8
		});	
		$("#ctrl_btn_02").animate({
			'margin-top'	: 0,
			'height'		: 16
		});
		$("#content_02").delay(delayTime).fadeOut(1500);
		$("#content_03").delay(delayTime).fadeIn(1500,function () {
			$("#content_03").fader(3, delayTime);
		});
	}
	else if(nmbr == 3) {
		$("#ctrl_btn_02").animate({
				'margin-top'	: 8,
				'height'		: 8
		});	
		$("#ctrl_btn_03").animate({
			'margin-top'	: 0,
			'height'		: 16
		});
		$("#content_03").delay(delayTime).fadeOut(1500);
		$("#content_04").delay(delayTime).fadeIn(1500,function () {
			$("#content_04").fader(4, delayTime);
		});
	}
	else if(nmbr == 4) {
		$("#ctrl_btn_03").animate({
				'margin-top'	: 8,
				'height'		: 8
		});	
		$("#ctrl_btn_04").animate({
			'margin-top'	: 0,
			'height'		: 16
		});
		$("#content_04").delay(delayTime).fadeOut(1500);
		$("#content_01").delay(delayTime).fadeIn(1500,function () {
			$("#content_01").fader(1, delayTime);
		});
	}
}