window.addEvent('domready', function() {
    var scroll = new Fx.Scroll('canvas', {
        wait: false,
        duration: 1000,
        offset: {'x': -100, 'y': -150},
        transition: Fx.Transitions.Sine.easeInOut 
    });

    $$('a[href^="#"]').addEvent('click', function(e) {
        new Event(e).stop();
        reset_nav_images();
        img_element = $E("#" + this.getProperty('id').replace(/n/, ''));
        img_element.src = img_element.src.replace(/i.gif/, 'a.gif');
        scroll.toElement($E(this.getProperty('href')));
    });
    
    scroll.toElement('wir'); 

    var Tips2 = new Tips($$('.Tips2'), {
        initialize:function(){
            this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 200, wait: false}).set(0);
        },
        onShow: function(toolTip) {
            this.fx.start(1);
        },
        onHide: function(toolTip) {
            this.fx.start(0);
        }
    });
});

function reset_nav_images() {
    $ES('img', 'de1').each(function(el){
        if (el.src.indexOf('a.gif') != -1) {
            el.src = el.src.replace(/a.gif/, 'i.gif');
        }
    });
}