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

// Globale Variablen: Karussell unter "Shirts ansehen"
// Breite der div
var div_width = 264;
// Position des letzten Containers
var last_pos = 0 - div_width;
// Position des vorletzten Containers
var prelast_pos = (count_cols-2) * div_width;

// Globale Variablen: Karussell unter "Bestell einfach" (Schritt 6)
// Breite der div
var div_width2 = 80;
// Position des letzten Containers
var last_pos2 = 0 - div_width2;
// Position des vorletzten Containers
var prelast_pos2 = (count_cols2-2) * div_width2;

// Globale Variablen: Karussell unter "Mehr Dinge > Taeschchen"
// Breite der div
var div_width3 = 264;
// Position des letzten Containers
var last_pos3 = 0 - div_width3;
// Position des vorletzten Containers
var prelast_pos3 = (count_cols3-2) * div_width3;

// Globale Variablen: Karussell unter "Mehr Dinge > Schmuckstuecke"
// Breite der div
var div_width4 = 264;
// Position des letzten Containers
var last_pos4 = 0 - div_width4;
// Position des vorletzten Containers
var prelast_pos4 = (count_cols4-2) * div_width4;

// Globale Variablen: Karussell unter "Mehr Dinge > Schluesselband"
// Breite der div
var div_width5 = 264;
// Position des letzten Containers
var last_pos5 = 0 - div_width5;
// Position des vorletzten Containers
var prelast_pos5 = (count_cols5-2) * div_width5;

function initCaroussell() {
	// Pfeile ausblenden, falls zu wenig Container vorhanden sind
	// Karussell "Shirts ansehen"
	if (count_cols < 6) {
		$("#left img").css({ visibility: "hidden" });
		$("#right img").css({ visibility: "hidden" });
	}
	// Karussell "Bestell einfach"
	if (count_cols2 < 6) {
		$("#left2 img").css({ visibility: "hidden" });
		$("#right2 img").css({ visibility: "hidden" });
	}
	// Karussell "Mehr Dinge > Taeschchen"
	if (count_cols3 < 5) {
		$("#left3 img").css({ visibility: "hidden" });
		$("#right3 img").css({ visibility: "hidden" });
	}
	// Karussell "Mehr Dinge > Schmuckstuecke"
	if (count_cols3 < 5) {
		$("#left4 img").css({ visibility: "hidden" });
		$("#right4 img").css({ visibility: "hidden" });
	}
	// Karussell "Mehr Dinge > Schluesselband"
	if (count_cols3 < 5) {
		$("#left5 img").css({ visibility: "hidden" });
		$("#right5 img").css({ visibility: "hidden" });
	}

	// Positionierung der col-divs
	// Karussell "Shirts ansehen"
	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;
		}
		$("#center #col"+i).css({ left: current_pos + "px" });
		// naechste pos setzen
		current_pos += div_width;
	}
	// Karussell "Bestell einfach"
	current_pos = 0;
	for(i = 1; i <= count_cols2; i++) {
		// letztes col-div muss links platziert werden
		if (i == count_cols2) {
			current_pos = last_pos2;
		}
		$("#center2 #col"+i).css({ left: current_pos + "px" });
		// naechste pos setzen
		current_pos += div_width2;
	}
	// Karussell "Mehr Dinge > Taeschchen"
	current_pos = 0;
	for(i = 1; i <= count_cols3; i++) {
		// letztes col-div muss links platziert werden
		if (i == count_cols3) {
			current_pos = last_pos3;
		}
		$("#center3 #col"+i).css({ left: current_pos + "px" });
		// naechste pos setzen
		current_pos += div_width3;
	}
	// Karussell "Mehr Dinge > Schmuckstuecke"
	current_pos = 0;
	for(i = 1; i <= count_cols4; i++) {
		// letztes col-div muss links platziert werden
		if (i == count_cols4) {
			current_pos = last_pos4;
		}
		$("#center4 #col"+i).css({ left: current_pos + "px" });
		// naechste pos setzen
		current_pos += div_width4;
	}
	// Karussell "Mehr Dinge > Schluesselband"
	current_pos = 0;
	for(i = 1; i <= count_cols5; i++) {
		// letztes col-div muss links platziert werden
		if (i == count_cols5) {
			current_pos = last_pos5;
		}
		$("#center5 #col"+i).css({ left: current_pos + "px" });
		// naechste pos setzen
		current_pos += div_width3;
	}
}
initCaroussell();

$("#left img").click(
	function () {
		caroussell_left_arrow("center", count_cols, last_pos, prelast_pos, div_width);
	}
);
$("#left2 img").click(
	function () {
		caroussell_left_arrow("center2", count_cols2, last_pos2, prelast_pos2, div_width2);
	}
);
$("#left3 img").click(
	function () {
		caroussell_left_arrow("center3", count_cols3, last_pos3, prelast_pos3, div_width3);
	}
);
$("#left4 img").click(
	function () {
		caroussell_left_arrow("center4", count_cols4, last_pos4, prelast_pos4, div_width4);
	}
);
$("#left5 img").click(
	function () {
		caroussell_left_arrow("center5", count_cols5, last_pos5, prelast_pos5, div_width5);
	}
);
function caroussell_left_arrow(_center, _count_cols, _last_pos, _prelast_pos, _div_width) {
	// Mehrfachklicks vermeiden
	if($("#" + _center + " div:animated").length != 0) {
		return;
	} else {
		for(i = 1; i <= _count_cols; i++) {
			var left = $("#" + _center + " #col" + 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;
				$("#" + _center + " #col"+i).css({ left: left + "px" });
			} else {
				left += _div_width;
				$("#" + _center + " #col"+i).animate({ left: left + "px" });
			}
		}
	}
}

$("#right img").click(
	function () {
		caroussell_right_arrow("center", count_cols, last_pos, prelast_pos, div_width);
	}
);
$("#right2 img").click(
	function () {
		caroussell_right_arrow("center2", count_cols2, last_pos2, prelast_pos2, div_width2);
	}
);
$("#right3 img").click(
	function () {
		caroussell_right_arrow("center3", count_cols3, last_pos3, prelast_pos3, div_width3);
	}
);
$("#right4 img").click(
	function () {
		caroussell_right_arrow("center4", count_cols4, last_pos4, prelast_pos4, div_width4);
	}
);
$("#right5 img").click(
	function () {
		caroussell_right_arrow("center5", count_cols5, last_pos5, prelast_pos5, div_width5);
	}
);
function caroussell_right_arrow(_center, _count_cols, _last_pos, _prelast_pos, _div_width) {
	// Mehrfachklicks vermeiden
	if($("#" + _center + " div:animated").length != 0) {
		return;
	} else {
		for(i = 1; i <= _count_cols; i++) {
			var left = $("#" + _center + " #col" + 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;
				$("#" + _center + " #col"+i).css({ left: left + "px" });
			} else {
				left -= _div_width;
				$("#" + _center + " #col"+i).animate({ left: left + "px" });
			}
		}
	}
}

// Karussell zuruecksetzen
function reset_caroussell(_caroussell_id, step) {
	caroussell_id = "carussell" + _caroussell_id;
	var center_id = "center" + _caroussell_id;
	var cols_number = count_cols2;
	var step_count = 0;
	
	// Spalten auf Ausgangsposition bringen
	for(var i = 1; i < cols_number; i++) {
		$("#" + caroussell_id + " #" + center_id + " div#col" + i).css({ "left": step_count + "px" });
		step_count += step;
	}
	
	// Letzte Spalte ganz nach links setzen
	$("#" + caroussell_id + " #" + center_id + " div#col" + cols_number).css({ "left": (0 - step) + "px" });
}


// Hover-Effekte im Karussell "Shirts ansehen"
$("#center div div").hover(
	function () {
		$(this).css({ backgroundPosition: "0px -140px" });
	},
	function () {
		$(this).css({ backgroundPosition: "0px 0px" });
	}
);
// Klick im Karussell "Shirts ansehen" fuehrt in den Bestellprozess
$("#center div div").click(
	function () {
		// ID des angeklickten Shirts ermitteln
		var shirt_id = $(this).parent().attr("id").replace(/col/, "");
		// Formular reseten und uebergebenes Array in die Felder einsetzen
		reset_order_form_func(eval("shirt_set_" + shirt_id));
		// Bestellprozess oeffnen
		$("#navi_3_link").trigger('click');
	}
);
// Hover-Effekte im Karussell "Mehr Dinge"
$("#center3 div div, #center4 div div, #center5 div div").hover(
	function () {
		$(this).css({ backgroundPosition: "0px -110px" });
	},
	function () {
		$(this).css({ backgroundPosition: "0px 0px" });
	}
);
// Klick-Event im Karussell "Mehr Dinge > Taeschchen"
$("#center3 div div").click(
	function () {
		$("#navi_5_link").trigger('click');
		$("#navi_5_content h3").html("Täschchen-Anfrage");
		$("#contact_message").val($(this).children("p").html() + "\nFolgender Buchstabe soll aufgestickt werden:\n");
	}
);
// Klick-Event im Karussell "Mehr Dinge > Schluesselband"
$("#center5 div div").click(
	function () {
		$("#navi_5_link").trigger('click');
		$("#navi_5_content h3").html("Schlüsselband-Anfrage");
		$("#contact_message").val($(this).children("p").html() + "\nFolgender Name soll aufgestickt werden\n(max. 10 Buchstaben): ");
	}
);