/*** Karussell fuer "I wie Ida" ***/

// globale Variablen definieren
var div_width, last_pos, prelast_pos;

function initCaroussell() {
	// Breite der div
	div_width = $("#carussell #center").width();
	// Position des letzten Containers
	last_pos = 0 - div_width;
	// Position des vorletzten Containers
	prelast_pos = (count_cols-2) * div_width;
	
	// Pfeile ausblenden, falls zu wenig Container vorhanden sind
	if (count_cols < 3) {
		$("#left img").css({ visibility: "hidden" });
		$("#right img").css({ visibility: "hidden" });
	}

	// Positionierung der col-divs
	var current_pos = 0;
	for(i = 1; i <= count_cols; i++) {
		// letztes col-div muss links platziert werden
		if (i == count_cols) {
			current_pos = last_pos;
		}
		$("#reference"+i).css({ left: current_pos + "px" });
		// naechste pos setzen
		current_pos += div_width;
	}
}
// Karussell nur auf der Startseite starten
if(document.getElementById("carussell")) {
	initCaroussell();
}

$("#right img").click(
	function () {
		// Mehrfachklicks vermeiden
		if($("#center div:animated").length != 0) {
			return;
		} else {
			for(i = 1; i <= count_cols; i++) {
				var left = $("#reference"+i).css("left");
				left = parseInt(left.replace(/px/, ""));
				if (left == last_pos) {
					// versteckter Cotainer ganz links nach ganz rechts schieben, dazu hier die pos setzen
					left = prelast_pos;
					$("#reference"+i).css({ left: left + "px" });
				} else {
					left -= div_width;
					$("#reference"+i).animate({ left: left + "px" }, 400);
				}
			}
		}
	}
);

$("#left img").click(
	function () {
		// Mehrfachklicks vermeiden
		if($("#center div:animated").length != 0) {
			return;
		}
		for(i = 1; i <= count_cols; i++) {
			var left = $("#reference"+i).css("left");
			left = parseInt(left.replace(/px/, ""));
			if (left == prelast_pos) {
				// versteckter Cotainer ganz rechts nach ganz links schieben, dazu hier die pos setzen
				left = last_pos;
				$("#reference"+i).css({ left: left + "px" });
			} else {
				left = left + div_width;
				$("#reference"+i).animate({ left: left + "px" }, 400);
			}
		}
	}
);

/*$("#center div div").hover(
	function () {
		$(this).css({ backgroundPosition:"0px -134px" });
	},
	function () {
		$(this).css({ backgroundPosition:"0px 0px" });
	}
);*/