Slider = {
  
  imgSizeAct: [130, 90],
  imgSizeInact: [104, 72],
  
  imgMargin: 15,
  imgAniMarginTop: 10,
  
  imgOpacityInact: 0.5,
  
  captionSizeAct: 9,
  captionSizeInact: 0,
  
  aniSpeed: 300,
  
  _actPos: 0,
  
  init: function(sliderId) {
    
    this.sliderId = sliderId;
    
    this.sliderElements = $("#" + this.sliderId + " .slider-element");
    this.sliderElementsImg = $("#" + this.sliderId + " .slider-img");
    
    this._maxPos = this.sliderElements.length - 1;
    
    this.elementsReset();
    
    // Standardwerte herstellen
    
    // Slider-Knoepfe ausblenden
    $("#slider-left").css({ visibility: "hidden" });
    
    $(this.sliderElements[0]).css(
        {
          display: "block",
          marginLeft: this.imgMargin + "px",
          opacity: 1,
          fontSize: this.captionSizeAct,
          zIndex: 2
        }
        );
    
    $(this.sliderElements[0]).addClass("slider-element-act");
    
    $(this.sliderElementsImg[0]).css(
        {
          width: this.imgSizeAct[0] + "px",
          height: this.imgSizeAct[1] + "px",
          marginTop: "0px"
        }
        );
    
    $(this.sliderElements[1]).css(
        {
          display: "block",
          marginLeft: ((this.imgMargin * 2 + this.imgSizeAct[0]) - this.imgSizeInact[0]) + "px",
          opacity: this.imgOpacityInact,
          fontSize: this.captionSizeInact,
          zIndex: 1
        }
        );
    
    $(this.sliderElementsImg[1]).css(
        {
          width: this.imgSizeInact[0] + "px",
          height: this.imgSizeInact[1] + "px",
          marginTop: this.imgAniMarginTop + "px"
        }
        );
    
    return;
    
  },
  
  elementsReset: function() {
    
    $("#slider-left").css({ visibility: "visible" });
    $("#slider-right").css({ visibility: "visible" });
    
    this.sliderElements.each(
        function(i) {
          
          $(this).css("display", "none");
          $(this).removeClass("slider-element-act");
          
        }
        );
    
    return;
    
  },
  
  slideRight: function() {
    
    // Positionen berechnen
    
    // Linkes inaktives Bild
    var leftInact = {
        marginLeft: "0px",
        opacity: this.imgOpacityInact,
        fontSize: this.captionSizeInact
        };
    
    // Aktives Bild
    var midAct = {
        marginLeft: this.imgMargin + "px",
        opacity: 1,
        fontSize: this.captionSizeAct
        };
    
    // Rechtes inaktives Bild
    var rightInact = {
        marginLeft: ((this.imgMargin * 2 + this.imgSizeAct[0]) - this.imgSizeInact[0]) + "px",
        opacity: this.imgOpacityInact,
        fontSize: this.captionSizeInact
        };
    
    if (this._actPos + 1 > this._maxPos)
      return;
    
    // Reset
    this.elementsReset();
    
    // Slider-Knoepfe ausblenden
    if (this._actPos + 1 >= this._maxPos)
      $("#slider-right").css({ visibility: "hidden" });
    
    this._actPos++;
    
    if (this._actPos > 0) {
      
      $(this.sliderElements[this._actPos - 1]).css(
          {
            display: "block",
            zIndex: 1
          }
          );
      
      // Linkes Bild ausrichten
      $(this.sliderElements[this._actPos - 1]).animate(leftInact, this.aniSpeed);
      
      $(this.sliderElementsImg[this._actPos - 1]).animate(
          {
            width: this.imgSizeInact[0] + "px",
            height: this.imgSizeInact[1] + "px",
            marginTop: this.imgAniMarginTop + "px"
          },
          this.aniSpeed
          );
      
    }
    
    $(this.sliderElements[this._actPos]).css(
          {
            display: "block",
            zIndex: 2
          }
          );
    
    // Mittleres Bild ausrichten
    $(this.sliderElements[this._actPos]).animate(midAct, this.aniSpeed);
    
    $(this.sliderElements[this._actPos]).addClass("slider-element-act");
    
    $(this.sliderElementsImg[this._actPos]).animate(
        {
          width: this.imgSizeAct[0] + "px",
          height: this.imgSizeAct[1] + "px",
          marginTop: "0px"
        },
        this.aniSpeed
        );
    
    if (this._actPos < this._maxPos) {
      
      // Rechtes Bild ausrichten
      $(this.sliderElements[this._actPos + 1]).css(
          {
            display: "block",
            zIndex: 1,
            marginLeft: ((this.imgMargin * 2 + this.imgSizeAct[0]) - this.imgSizeInact[0]) + "px",
            opacity: 0
          }
          );
      
      $(this.sliderElements[this._actPos + 1]).animate(rightInact, this.aniSpeed);
      
      $(this.sliderElementsImg[this._actPos + 1]).animate(
          {
            width: this.imgSizeInact[0] + "px",
            height: this.imgSizeInact[1] + "px",
            marginTop: this.imgAniMarginTop + "px"
          },
          this.aniSpeed
          );
      
    }
    
    return;
    
  },
  
  slideLeft: function() {
    
    // Positionen berechnen
    
    // Linkes inaktives Bild
    var leftInact = {
        marginLeft: "0px",
        opacity: this.imgOpacityInact,
        fontSize: this.captionSizeInact
        };
    
    // Aktives Bild
    var midAct = {
        marginLeft: this.imgMargin + "px",
        opacity: 1,
        fontSize: this.captionSizeAct
        };
    
    // Rechtes inaktives Bild
    var rightInact = {
        marginLeft: ((this.imgMargin * 2 + this.imgSizeAct[0]) - this.imgSizeInact[0]) + "px",
        opacity: this.imgOpacityInact,
        fontSize: this.captionSizeInact
        };
    
    if (this._actPos < 1)
      return;
    
    // Reset
    this.elementsReset();
    
    // Slider-Knoepfe ausblenden
    if (this._actPos - 1 <= 0)
      $("#slider-left").css({ visibility: "hidden" });
    
    this._actPos--;
    
    // Rechtes Bild ausrichten
    $(this.sliderElements[this._actPos + 1]).css(
        {
          display: "block",
          zIndex: 1,
          marginLeft: this.imgMargin + "px",
          opacity: 1
        }
        );
    
    $(this.sliderElements[this._actPos + 1]).animate(rightInact, this.aniSpeed);
    
    $(this.sliderElementsImg[this._actPos + 1]).animate(
        {
          width: this.imgSizeInact[0] + "px",
          height: this.imgSizeInact[1] + "px",
          marginTop: this.imgAniMarginTop + "px"
        },
        this.aniSpeed
        );
    
    $(this.sliderElements[this._actPos]).css(
          {
            display: "block",
            zIndex: 2
          }
          );
    
    // Mittleres Bild ausrichten
    $(this.sliderElements[this._actPos]).animate(midAct, this.aniSpeed);
    
    $(this.sliderElements[this._actPos]).addClass("slider-element-act");
    
    $(this.sliderElementsImg[this._actPos]).animate(
        {
          width: this.imgSizeAct[0] + "px",
          height: this.imgSizeAct[1] + "px",
          marginTop: "0px"
        },
        this.aniSpeed
        );
    
    if (this._actPos > 0) {
      
      $(this.sliderElements[this._actPos - 1]).css(
          {
            display: "block",
            zIndex: 1
          }
          );
      
      // Linkes Bild ausrichten
      $(this.sliderElements[this._actPos - 1]).animate(leftInact, this.aniSpeed);
      
      $(this.sliderElementsImg[this._actPos - 1]).animate(
          {
            width: this.imgSizeInact[0] + "px",
            height: this.imgSizeInact[1] + "px",
            marginTop: this.imgAniMarginTop + "px"
          },
          this.aniSpeed
          );
      
    }
    
    return;
    
  }
  
}