var tiere = [
//            [ID            ,  Jahr    ,  Bezeichnung             , Datei                                             , bereits geladen oder nicht, Position in der Scroll-Leiste (0 =  nicht in der Scrolleiste)]
              ["tier_2011_12", "2011/12", "die Bremse"             , "_medien/bilder/motive/2011-12-bremse.png"   , false                     , 0],
              ["tier_2010_11", "2010/11", "der Igel"               , "_medien/bilder/motive/2010-11-igel.png"     , false                     , 0],
              ["tier_2009_10", "2009/10", "die Giraffe"            , "_medien/bilder/motive/2009-10-giraffe.png"  , false                     , 0],
              ["tier_2008_09", "2008/09", "der Frosch"             , "_medien/bilder/motive/2008-09-frosch.png"   , false                     , 0],
              ["tier_2007_08", "2007/08", "das Küken"              , "_medien/bilder/motive/2007-08-kueken.png"   , false                     , 0],
              ["tier_2006_07", "2006/07", "der Bär"                , "_medien/bilder/motive/2006-07-baer.png"     , false                     , 0],
              ["tier_2005_06", "2005/06", "die Shetland-Rinder"    , "_medien/bilder/motive/2005-06-kabine.png"   , false                     , 0],
              ["tier_2004_05", "2004/05", "das Pferd"              , "_medien/bilder/motive/2004-05-pferd.png"    , false                     , 0],
              ["tier_2003_04", "2003/04", "die Maus"               , "_medien/bilder/motive/2003-04-maus.png"     , false                     , 0],
              ["tier_2002_03", "2002/03", "der Hase"               , "_medien/bilder/motive/2002-03-hase.png"     , false                     , 0],
              ["tier_2001_02", "2001/02", "die Gams"               , "_medien/bilder/motive/2001-02-gams.png"     , false                     , 0],
              ["tier_2000_01", "2000/01", "die Katze"              , "_medien/bilder/motive/2000-01-katze.png"    , false                     , 0],
              ["tier_1999_00", "1999/00", "das Tier der Zukunft"   , "_medien/bilder/motive/1999-00-future.png"   , false                     , 0],
              ["tier_1998_99", "1998/99", "der Esel"               , "_medien/bilder/motive/1998-99-esel.png"     , false                     , 0],
              ["tier_1997_98", "1997/98", "unser Karl"             , "_medien/bilder/motive/1997-98-karl.png"     , false                     , 0],
              ["tier_1996_97", "1996/97", "der Hund"               , "_medien/bilder/motive/1996-97-hund.png"     , false                     , 0]
            ];





$(document).ready(function()
{
  bilderVorladen(0);
  starteAnimation(0);
});



function bilderVorladen(bild_nummer) {
  // Das vorherige Bild als geladen markieren
  if (bild_nummer - 1 >= 0)
    tiere[bild_nummer-1][4] = true;

  if (bild_nummer < tiere.length) {
    //alert("Test");
    $("#" + tiere[bild_nummer][0]).attr("src", tiere[bild_nummer][3]);
    $("#" + tiere[bild_nummer][0]).load(function() { bilderVorladen(bild_nummer + 1); });
  }
}

function starteAnimation(bild_nummer) {
  if (bild_nummer < tiere.length) {
    if (tiere[bild_nummer][4]) {

      var bild = $("#" + tiere[bild_nummer][0]);

      bild.css("top", null).css("bottom", 13).css("left", 617).css("width", 324).css("height", 550);

      bild.slideDown(600, function() {
        window.setTimeout("animationVonGrossNachKlein(" + bild_nummer + ")", 4500);
      });

    } else {
      window.setTimeout("starteAnimation(" + bild_nummer + ")", 500);
    }
  }
}



function animationVonGrossNachKlein(bild_nummer) {

  var naechste_nummer = (bild_nummer == tiere.length - 1) ? 0 : bild_nummer + 1;

  if (tiere[naechste_nummer][4]) {

    window.setTimeout("animationBewegeLinks()", 500);
    window.setTimeout("starteAnimation(" + naechste_nummer + ")", 1200);


    var bild = $("#" + tiere[bild_nummer][0]);

    bild.css("top", 0);

    var kurve = {
      start: {
        x: 617,
        y: 0,
        angle: 180,
        length: 2
      },
      end: {
        x: 446,
        y: 0,
        angle: 40,
        length: 0.2
      }
    }

    bild.animate({
                    path : [new $.path.bezier(kurve), "easeInCubic"],

                    height: [215, "easeOutBack"],
                    width: [126, "easeOutBack"]

                 }, 1500, function () {
                            tiere[bild_nummer][5] = 1;
                          }

    );


  }  else {
    window.setTimeout("animationVonGrossNachKlein(" + bild_nummer + ")", 500);
  }

}



function animationBewegeLinks() {

  for (var i = 0; i < tiere.length; i++) {
    if (tiere[i][5] == 4) {
      $("#" + tiere[i][0]).hide("scale", 500);
      tiere[i][5] = 0;
    } else if (tiere[i][5] > 0) {
      $("#" + tiere[i][0]).animate({left: "-=145"}, 1000);
      tiere[i][5]++;
    }
  }

}