var mycarousel_itemList = [];

/* HERBST HIGHLIGHTS*/ 

var mycarousel_itemList = [
    {url: 'herbst-highlights_a15', id:"15"},
    {url: 'herbst-highlights_a1', id:"1"},
    {url: 'herbst-highlights_a2', id:"2"},
    {url: 'herbst-highlights_a3', id:"3"},
    {url: 'herbst-highlights_a4', id:"4"},
    {url: 'herbst-highlights_a5', id:"5"},
    {url: 'herbst-highlights_a6', id:"6"},
    {url: 'herbst-highlights_a7', id:"7"},
    {url: 'herbst-highlights_a8', id:"8"},
    {url: 'herbst-highlights_a9', id:"9"},
    {url: 'herbst-highlights_a10', id:"10"},
    {url: 'herbst-highlights_a11', id:"11"},
    {url: 'herbst-highlights_a12', id:"12"},
    {url: 'herbst-highlights_a13', id:"13"},
    {url: 'herbst-highlights_a14', id:"14"}
];



/* SOMMER HIGHLIGHTS 

var mycarousel_itemList = [
    {url: 'sommer-highlights_a15', id:"15"},
    {url: 'sommer-highlights_a1', id:"1"},
    {url: 'sommer-highlights_a2', id:"2"},
    {url: 'sommer-highlights_a3', id:"3"},
    {url: 'sommer-highlights_a4', id:"4"},
    {url: 'sommer-highlights_a5', id:"5"},
    {url: 'sommer-highlights_a6', id:"6"},
    {url: 'sommer-highlights_a7', id:"7"},
    {url: 'sommer-highlights_a8', id:"8"},
    {url: 'sommer-highlights_a9', id:"9"},
    {url: 'sommer-highlights_a10', id:"10"},
    {url: 'sommer-highlights_a11', id:"11"},
    {url: 'sommer-highlights_a12', id:"12"},
    {url: 'sommer-highlights_a13', id:"13"},
    {url: 'sommer-highlights_a14', id:"14"}
];
*/

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt) {
    // The index() method calculates the index from a
    // given index who is out of the actual item range.
    var idx = carousel.index(i, mycarousel_itemList.length);	
	jQuery.get(mycarousel_itemList[idx-1].url, function(data) {
		carousel.add(i, data);
		if ($("body").hasClass("de")) { 
			$(".jcarousel-prev").attr("title","Zurück zum vorherigen Outfit"); 
			$(".jcarousel-next").attr("title","Weiter zum nächsten Outfit");
			}
		else if ($("body").hasClass("en")) { 
			$(".jcarousel-prev").attr("title","Previous outfit"); 
			$(".jcarousel-next").attr("title","Next outfit");
			}
		else if ($("body").hasClass("nl")) { 
			$(".jcarousel-prev").attr("title","Vorige outfit"); 
			$(".jcarousel-next").attr("title","Volgende outfit");
			}
		tb_init($(".highlightspic > a"));
	});
	var data = parseInt(mycarousel_itemList[idx-1].id);
	if (data == 0) { data = 16;}
	if (data == 16) { data = 1;}
	
	$('.jcarousel-control li > a').removeClass("aktiv");
	$(".hlt"+data).addClass("aktiv");		
};

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt) {
    carousel.remove(i);
	// alert("Raus mit ID: "+i);
};

$().ready(function() {
	
	/* str_replace Funktion für JavaScript */
	function str_replace(search, replace, subject) {
	    return subject.split(search).join(replace);
	}
	
	$("a.hlt1").addClass("aktiv"); // Standardmäßig das erste Thumbnail hervorheben
	
	/* Über die Klassen der Thumbnail Links, wird die jeweilige Sprung ID ausgelesen */
	function mycarousel_initCallback(carousel) {
		$('.jcarousel-control li a').bind('click', function() {
			var klasse = $(this).attr("class");
			var zahl2 = str_replace("hlt","",klasse);
			var zahl2 = parseInt(zahl2)+1;
			carousel.scroll(jQuery.jcarousel.intval(zahl2));
						
			return false;
		});
	}
	/* Initialisieren des Carousels */
	 jQuery('#hlinhalt').jcarousel({
			start:start_num,
	        wrap: 'circular',
			scroll:1,
	        itemVisibleInCallback: {onBeforeAnimation:mycarousel_itemVisibleInCallback},
	        itemVisibleOutCallback: {onAfterAnimation:mycarousel_itemVisibleOutCallback},
			initCallback: mycarousel_initCallback
	    });	
});