$(function(){

	//Für das carousel Ecken einen grafischen Rand mit runden Ecken hinzufügen
	$('.jcarousel-skin-tango').append('<div id="carouselBorderLeft"></div>');
	$('.jcarousel-skin-tango').append('<div id="carouselBorderRight"></div>');
	$('.jcarousel-skin-tango').append('<div id="carouselBorderTop"></div>');
	$('.jcarousel-skin-tango').append('<div id="carouselBorderTopLeft"></div>');
	$('.jcarousel-skin-tango').append('<div id="carouselBorderTopRight"></div>');


        imagecarousel.initCallback = function(id, carousel, state) {
            var items = [];
            for (a=0; a<carousel.options.size;a++) {
                    items[a] = carousel.get(a + 1);
            }
            jQuery.data(carousel, 'items', items);

            carousel.buttonNext.bind('click', function() {
                deleteTextAndClaimImages();
                carousel.startAuto(0);
            });
            carousel.buttonPrev.bind('click', function() {
                deleteTextAndClaimImages();
                carousel.startAuto(0);
            });
        }


        imagecarousel.itemVisibleInCallback = function(carousel, item, i, state, evt) {

            var items = jQuery.data(carousel, 'items');
            var idx = carousel.index(i, items.length);
            carousel.add(i, items[idx - 1].html());

            animClaimAndTextSrc($('.jcarousel-item-' + i + ' a'), $('.jcarousel-item-' + i + ' a img').attr('src'));

	}



});

/**
 * Die Claim und Txtbilder entfernen
 **/
function deleteTextAndClaimImages(){
    //$('.jcarousel-list').find(".claimImg").remove();
    //$('.jcarousel-list').find(".claimTxt").remove();
}


/**
/* Holt Claim und textbilder aufgrund der imgSrc des aktuellen carousel Bildes
/* und blendet diese dann ein
 * @param objA jqueryObject Das <a> Element in das die Claim und textbilder eingefügt werden
/* @param imgPath string Pfad zum Bild
/*
*/
function animClaimAndTextSrc(objA, imgPath){

objA.parent().css({"position" : "relative"});
  //Wird nur ausgeführt, wenn die Claim und Textbilder nicht schon vorhanden sind
  if(objA.find(".claimImg").length == 0){

      //Pfad gesplittet nach /
      var arImgSrc = imgPath.split("/");

      //Bilddatei komplett
      var imgSrc = arImgSrc[arImgSrc.length - 1];

      //Über Regex nur den "echten" Bildnamen holen
      //Es wird nach hinten alles abgeschnitten, was nicht [a-zA-Z] ist
      //Beispiel: leichtermachen_02.jpg => leichtermachen
      //daraus ergibt sich dann das Over-Bild leichtermachen_o.jpg
      var pattern= /([a-zA-Z]*)/;
      pattern.exec(imgSrc);

      var baseImgName = RegExp.$1;
      var imgSrc = "./fileadmin/content/carousel/" + baseImgName + "_o.jpg";

      //Over-Bildelement erzeugen
      var claimImg = $("<img />");

      //Attribute für neues Bild setzen
      claimImg.attr("src", imgSrc);
      claimImg.addClass("carOverImg");
      claimImg.css({
         "position" : "absolute",
         "top"      : "0",
         "left"      : "0",
         "z-index"  : 99,
         "display"  : "none"
      });

      //Over-Bildelement an <a> anhängen
      objA.append(claimImg);

      //Over-Bildelement einblenden
      objA.find(".carOverImg").delay(1000).fadeIn(7000, function() {

      });

  }

}