$(function(){

  var delay = 2500; // millisekunden // zeitraum zwischen den ueberblendungen
  var transition = 1000; // millisekunden // zeitraum des ueberblendvorgangs
  
  var image_tag_list = new Array();
  var $header_pics = $('div#pic');
  
  if($header_pics) {
  
    $header_pics.css('position','relative');
    // bilder aus li-liste sammeln
    $header_pics
      .css('position','relative')
      .find('div.csc-textpic-imagewrap > ul > li')
      .each(function(idx,value){
        image_tag_list.push( $(value).hide().html() );
    });
  }
  
  if(image_tag_list.length > 0) {
    $header_pics.html( image_tag_list.join("\n") );
  }
  
  
  $header_pics
    .find('img')
    .each(function(idx,value){
      $(value)
        .hide()
        .css({
          'position':'absolute',
          'top':0,
          'left':0
      });
  }).first().show().addClass('current');
  
  var $imgs = $header_pics.find('img');
  
  // wenn mehr als ein bild in der list, dann hier starten
  if($imgs.length > 1) setTimeout( function(){ next() }, delay );
  
  next = function(){
    
    var $current_image = $('img.current');
    var $next_image = $current_image.next();
    
    if($next_image.length < 1) {
      $next_image = $imgs.first();
    }
      
    $next_image.fadeIn(transition, function(){
      $(this).addClass('current');
    });
    
    $current_image.fadeOut(transition, function(){
      $(this).removeClass('current');
    });
    
    setTimeout( function(){ next() }, delay );
  }

});