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

/**
 *  Popuplinks
 *  Anwendung:
 *      <a class="popup" href="http://www.example.com">In Popup öffnen</a> 

SqueezeBox.assign($$('a[class~=popup]'), {
    size: {x: 600, y: 400},
    ajaxOptions: {
        method: 'get'
    }
});
*/

/**
 *  Zoom für Bilder
 *  Anwendung:
 *      <a class="remooz" href="/bild.jpg" title="Bild Titel[ :: Bildbeschreibung]"><img src="/thumbnail.jpg" alt="bild" /></a> 
 *      
ReMooz.assign('.remooz', {
    'origin': 'img',
    //'shadow': 'onOpenEnd', // fx is faster because shadow appears after resize animation
    'shadow': 'onOpen', // fx is faster because shadow appears after resize animation
    'resizeFactor': 0.8, // resize to maximum 80% of screen size
    'cutOut': false, // don't hide the original
    'opacityResize': 0.4, // opaque resize
    'dragging': true, // disable dragging
    'centered': true // resize to center of the screen, not relative to the source element
});
 */  
/**
 *  Tooltips
 *  Anwendung:
 *      <a class="tip" href="/bild.jpg" title="Tip- Text"><img src="/thumbnail.jpg" alt="bild" /></a> 
 *    
var hilfeTip = new Tips( '.tip', {
    className:'hilfe',
    offsets: {x: 20, y: 20}
});
*/

if( document.id('tabs-wrapper-produktprogramm') !== null ) {
    document.getElements('dl.accordion').each( function(accordion){
        new Accordion( accordion, 'dt', 'dd', {
            display    : 0,
            show       : 0,
            alwaysHide : true,
            onActive   : function(toggler, section){
                var hg = toggler.getStyle('background-image').replace('sued','nord');
                toggler.setStyle('background-image', hg );
            },
            onBackground : function(toggler, section){
                var hg = toggler.getStyle('background-image').replace('nord','sued');
                toggler.setStyle('background-image', hg );
            }
            /*
            onComplete: function(){
                this.display.delay(1500, this, (this.previous + 1) % this.togglers.length);
            }
            */
        });
    });
}

/*
if( $('tabs-wrapper') !== null ) {
    var tabs = new SimpleTabs('tabs-wrapper', {
        selector: 'h4',
        onSelect: function(toggle, container, index){
            toggle.addClass('tab-selected');
            container.set('opacity', 0).fade(1).setStyle('display', 'block');
        },
        onDeselect: function(toggle, container, index){
            toggle.removeClass('tab-selected');
            container.fade('toggle').setStyle('display', 'none');
        }
    });
}
*/
if( $('tabs-wrapper-produktprogramm') !== null ) {
    var tabs = new SimpleTabs('tabs-wrapper-produktprogramm', {
        selector: 'h3',
        onSelect: function(toggle, container, index){
            toggle.addClass('tab-selected');
            container.set('opacity', 0).fade(1).setStyle('display', 'block');
        },
        onDeselect: function(toggle, container, index){
            toggle.removeClass('tab-selected');
            container.fade('toggle').setStyle('display', 'none');
        }
    });
}


/**
 * Kopfzeile ein und ausblenden
 * 
 * $status wird im Template per Session gesetzt. geschlossen, offen
 */

var $request   = new Request({method: 'get', url: $url });
var $kopfzeile = document.id('container_title');
var $hg        = $kopfzeile.getStyle('background-image');
var $schalter  = document.id('kopfzeile-schliessen');

var effekt = new Fx.Slide( $kopfzeile, {
    duration   : 400,
    transition : 'quad:in:out',
    onComplete : function(){
        if( this.open ){
            $kopfzeile.setStyle('background-image', $hg);
            $schalter.set('text', 'ausblenden').removeClass('geschlossen');
            $request.send('task=kopfzeile-einblenden');
            return true;
        }
        $schalter.set('text', 'einblenden').addClass('geschlossen');
        $request.send('task=kopfzeile-ausblenden');
        return true;
    }
});

if( $status === 'geschlossen' ) {
    effekt.hide();
    $kopfzeile.removeAttribute('class'); // class="hidden"
}

$schalter.addEvent('click', function(e){
    new Event(e).stop();
    if( effekt.open ) {
        $kopfzeile.setStyle('background-image','none')
    } 
    effekt.toggle()
    return true; 
});