$(function() {
  var $box = $("#box_obrazku");
  var obrazku = $(".cache img").length;
  if (obrazku > 1) {
    $box.everyTime(
      2000,
      function(obrazek) {
        if (obrazek < obrazku) {
          var $animace = $("img[id=" + obrazek + "]", $box)
            .clone()
            .css({
              position: "absolute",
              top: 0,
              left: 0,
              "z-index": 0,
              opacity: 0
            })
            .addClass("animace");
          $box.append($animace);
          $animace.animate(
            {opacity: 1},
            500,
            function() {
              $("#box_obrazku>img:not(.animace)").remove();
              $animace
                .removeClass("animace")
                .css({"z-index": -1});
            }
          );
        }
        else {
          $box.stopTime();
          $("#box_obrazku>img").replaceWith($("img[id=0]", $box).clone());
          $(".navigace", $box).css({display: "block"});
        }
      }
    );
  }
  else if (obrazku)
    $(".navigace", $box).css({display: "block"});
  $("#box_obrazku a").click(function() {
    var $odkaz = $(this);
    if (!$odkaz.hasClass("aktualni")) {
      $("a", $box).removeClass("aktualni");
      $odkaz.addClass("aktualni");
      if ($(".animace", $box).length)
        $(".animace", $box).remove();
      var $animace = $("img[id=" + $odkaz.attr("href") + "]", $box)
        .clone()
        .css({
          position: "absolute",
          top: 0,
          left: 500,
          "z-index": 0
        })
        .addClass("animace");
      $box.append($animace);
      $animace.animate(
        {left: 0},
        250,
        function() {
          $("#box_obrazku>img:not(.animace)").remove();
          $animace
            .removeClass("animace")
            .css({"z-index": -1});
        }
      );
    }
    $odkaz.blur();
    return false;
  });
});