/*** Karussell ***/

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

function initCaroussell() {
	// Breite der div
	div_width = $("#carussell #center div").width() + 0;
	// 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;
		}
		$("#offer"+i).css({ left: current_pos + "px" });
		// naechste pos setzen
		current_pos += div_width;
	}
}

function checkFirstImage() {
	firstImage = $("#offer1").css("left");
	
	if (firstImage != '0px') {
		window.setTimeout("checkFirstImage()", 100);
	}
	else { 
		window.setTimeout("initCaroussell()", 1);
		window.setTimeout("$('#left').trigger('click')", 500);
	}
}

$(document).ready(function() {
	$("#right img").click(
		function () {
			// Mehrfachklicks vermeiden
			if($("#center div:animated").length != 0) {
				return;
			} else {
				for(i = 1; i <= count_cols; i++) {
					var left = $("#offer"+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;
						$("#offer"+i).css({ left: left + "px" });
					} else {
						left -= div_width;
						$("#offer"+i).animate({ left: left + "px" }, 400);
					}
				}
			}
		}
	);
	
	$("#left").click(
		function () {
			// Mehrfachklicks vermeiden
//			if($("#center div:animated").length != 0) {
//				return;
//			}
			for(i = 1; i <= count_cols; i++) {
				var left = $("#offer"+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;
					$("#offer"+i).css({ left: left + "px" });
					if(i==count_cols) checkFirstImage();
				} else {
					left = left + div_width;
					//if ((i==count_cols) && ($("#offer1").css("left") == '0px')) $('#left').trigger('click');
					if(i==count_cols) { $("#offer"+i).animate({ left: left + "px" }, 2000, 'linear', function(){$('#left').trigger('click');}); }
					else $("#offer"+i).animate({ left: left + "px" }, 2000, 'linear');
				}
			}
		}
	);
	
	// Hover-Effekt bei den Pfeilen des Karussells
	$("#left img, #right img").hover(
		function () {
			$(this).attr("src", $(this).attr("src").replace(/\.gif$/, "_hover.gif"));
		},
		function () {
			$(this).attr("src", $(this).attr("src").replace(/_hover\.gif$/, ".gif"));
		}
	); 
	
	
	$('#left').trigger('click');
	
});