(function($)
{
  $(document).ready(function()
  {
    // Startseitenanimation
    $('#startseite').prepend(
      $('<div id="ani">')
        .append('<div class="preload ani-1">')
        .append('<div class="preload ani-2">')
        .append('<div class="preload ani-3">')
        .append('<div class="preload ani-4">')
        .append('<div class="preload ani-5">')
        .append('<div class="preload ani-6">')
        .append('<div class="preload ani-7">')
        .append('<div class="preload ani-8">')
        .click(function()
        {
          $(this).remove()
        })
    );
    
    var i = 1;
    var animation = function()
    {
      if(i <= 7)
        $('#ani').removeClass('ani-' + i).addClass('ani-' + (++i));
      else if(i <= 10)
        i++;
      else
      {
        clearInterval(hAni);
        $('#ani').fadeOut(700, function()
        {
          $(this).remove();
        });
      }
    }
    
    var hAni = setInterval(animation, 300);
    
    var images = new Array();
    $('#reference-cat-list.references a').each(function()
    {
      var img = new Image();
      img.src = $(this).attr('href');
      images.push(img);
    });
    
    $('#reference-cat-list.references a').click(function()
    {
      $('#overlay').remove();
      $('#wrapper').hide();
      $('body').prepend(
        $('<div id="overlay" title="Zum Schließen klicken">').append(
          $('<div>').append(
            $('<img class="main" src="' + $(this).attr('href') + '">')
          )
        ).append(
          $('<ul id="overlay-nav">')/*.append(
            $('#reference-cat-list.references li').clone()
          )*/
        ).click(function()
        {
          $('#wrapper').show();
          $(this).remove();
        })
      );
      
      $('#overlay img.main').css('margin-left', -1 * $('#overlay img.main').width() >> 1);
      $('#overlay img.main').css('margin-top', -1 * $('#overlay img.main').height() >> 1);
      
      $('#reference-cat-list.references a').each(function(i, elem)
      {
        $('#overlay-nav').append(
          $('<li>').append(
            $('<a>').attr('href', $(this).attr('href')).append(
              $('<img>').attr('src', $('img', this).attr('src'))
            ).append(
              $('<span>').text($('span', this).text())
            )
          )
        );
      });

      $('#overlay-nav a').attr('title', 'anzeigen').click(function()
      {
        $('#overlay img.main').remove();
        $('#overlay div').prepend(
          $('<img class="main" src="' + $(this).attr('href') + '">')
        );
        
        $('#overlay img.main').css('margin-left', -1 * $('#overlay img.main').width() >> 1);
        $('#overlay img.main').css('margin-top', -1 * $('#overlay img.main').height() >> 1);
        
        $(this).blur();
        return false;
      });

      return false;
    });
  });
}(jQuery));