$(document).ready(function() {

   // Fade Show => Maps
  function showFade() {

      $("#aShow").html('<img src="' + abc[index] + '"/>').show();
      $("#bShow").html('<img src="' + abc[index+1] + '"/>').hide();

      if (index == abc.length - 2)
         index = 0;
      else
         index++;

      $("#aShow").fadeOut(5000)
      $("#bShow").fadeIn(5100)
         .animate({opacity: 1.0}, 5500, function() {
            showFade();
         });
   }
   var abc = new Array ( '/img/abc/aa.png',
                         '/img/abc/bb.png',
                         '/img/abc/cc.png',
                         '/img/abc/dd.png',
                         '/img/abc/ee.png',
                         '/img/abc/ff.png',
                         '/img/abc/gg.png',
                         '/img/abc/hh.png',
                         '/img/abc/jj.png',
                         '/img/abc/kk.png',
                         '/img/abc/mm.png'
                        );


   /* vorladen */
   var load_img = new Array();
   for (i=0; i < abc.length; i++) {
      load_img.push((new Image()).src = abc[i]);
   }


   var fShowHtml = '<div id="aShow" style="position: absolute;"><img src="/img/abc/zz.png"></div>'
                 + '<div id="bShow" style="position: absolute;"><img src="/img/abc/aa.png"></div>'
                 + '<div id="cShow"><img src="/img/abc/zz.png"></div>';
   $("#fadeShowMaps").html(fShowHtml);

   var index = 0;
   showFade();

});