/**
 * Externe Links
 * 
 *  Anwendung:
 * 
 *      <a href="url" class="extern">link</a>
 */   
$$('a.extern').each(function(link){
    link.set('target','_blank');    
});

/**
 * Bildzeile ein/ausblenden;
 */
var $bildzeile          = document.id('bildzeile');
var $toggler_bildzeile  = document.id('bildzeile-toggler');
$toggler_bildzeile.removeClass('unsichtbar');
var $bildzeile_text       = $bildzeile.getElement('p.text');
var $toggler_text       = $bildzeile.getElement('span.toggler_text');
var $request            = new Request({method: 'get', url: $url });
var $fx_bildzeile       = new Fx.Tween( $bildzeile, {
    'duration'  : 300,
    'property'  : 'height',
    'onComplete': function(){
        if ($status_bildzeile === 'offen') {
            $status_bildzeile = 'geschlossen';
            $request.send('task=kopfzeile-ausblenden');
            $toggler_text.set('text','einblenden');
            $toggler_bildzeile.set('src', $toggler_bildzeile.get('src').replace('nord','sued'))
                .set('alt', 'Bilder einblenden')
                .set('title','Bilder einblenden');
        } else {
            $status_bildzeile = 'offen';
            $request.send('task=kopfzeile-einblenden');
            $toggler_text.set('text','ausblenden');
            $toggler_bildzeile.set('src', $toggler_bildzeile.get('src').replace('sued','nord'))
                .set('alt', 'Bilder ausblenden')
                .set('title','Bilder ausblenden');
        }    
    }
});
$toggler_bildzeile.addEvents({
    'click': function(e){
        if ($status_bildzeile === 'offen') {
            $fx_bildzeile.start(36);
        } 
        else {
            $fx_bildzeile.start(360);
        }
    },
    'mouseenter':function(){
        $bildzeile_text.removeClass('unsichtbar');
        $bildzeile_text.fade('in');
    },
    'mouseleave':function(){
        $bildzeile_text.fade('out');
    }
});

/**
 * Text in Bildzeile ein/ausblenden
 */
var $toggler = document.id('text-toggler');
if( $chk( $toggler ) )
{
    $toggler.removeClass('unsichtbar'); // Schalter einblenden
    var $container = document.id( 'text' );
    // letztes Element p margin-bottom ausgleichen
    $container.getElement(':last-child').setStyle('margin-bottom','10px');
    var $hoehe     = $container.getDimensions().height;    
    // ie und opera brauchen eine Ausgangsgröße 
    $container.setStyle('height', $hoehe); 
    
    var $fx        = new Fx.Tween( $container, {
        'duration'  : 300,
        'property'  : 'margin-bottom',
        'onComplete': function(){
            if ($status_text === 'offen') {
                $status_text = 'geschlossen';
                $toggler.set('src', $toggler.get('src').replace('sued','nord'))
                .set('alt', 'Text einblenden')
                .set('title','Text einblenden');
            } else {
                $status_text = 'offen';
                $toggler.set('src', $toggler.get('src').replace('nord','sued'))
                .set('alt', 'Text ausblenden')
                .set('title','Text ausblenden');
            }    
        }
    });
    // Bei Klick auf <img id="slogan-toggler" />
    $toggler.addEvent('click', function(e){
        if ($status_text === 'offen') {
            $fx.start(-$hoehe);
        } else {
            $fx.start(0);
        }
    });

    // Text in Bildzeile ausblenden nach x Sekunden ausblenden 
    (function(){
        $fx.start(-$hoehe);
        //$toggler.get('tween', {property: 'opacity', duration: 300, link:'chain'}).start(1).start(.2).start(1).start(.2).start(1).start(.2).start(1);
    }).delay($zeit_bildzeile);

}
/**
 * Teaser automatisch scrollen
 */
if( $chk( document.id('teaser-outer') ) ) {
    new Scroller_Controls({
        scroller : 'teaser-outer', 
        element  : 'div.teaser',
        autoscroll: true,
        autoscroll_interval : $zeit_scroller
    });    
}
if( $chk( document.id('teaser-outer-mehrzeilig') ) ) {
    new Scroller_Controls({
        scroller : 'teaser-outer-mehrzeilig', 
        element  : 'div.item'
    });
}