window.addEvent('domready', function() {
   
    // TAB NAVIGATION START
    
    $$('.tab').getElements('h3').each(function(h3) {
        h3.addEvent('click', function(e) {
            e.stop();
            var el = $(""+h3.get('class'));
            if (!el.hasClass('closed')){
                el.addClass('closed');
            } else {
                $$('.tabContent').addClass('closed')
                el.removeClass('closed');
            }
            e.target.getParents('.tab').each(function(tab){
                if (tab.hasClass('active')){
                    tab.removeClass('active');
                }else {
                    $$('.tab').removeClass('active');
                    tab.addClass('active');                    
                }
            });
        });
    });
    
    $$('.tabImage').getElements('img').each(function(img) {
        img.addEvent('click', function(e) {
            e.stop();
            var el = $(""+img.get('class'));
            if (!el.hasClass('closed')){
                el.addClass('closed');
            } else {
                $$('.tabContent').addClass('closed')
                el.removeClass('closed');
            }
            e.target.getParent('.tabImage').getParent('.tabContainer').getElements('.tab').each(function(tab){
                if (tab.hasClass('active')){
                    tab.removeClass('active');
                }else {
                    $$('.tab').removeClass('active');
                    tab.addClass('active');                    
                }
            });
        });
    });
    
    // TAB NAVIGATION ENDE

    var myVerticalSlide = new Fx.Slide('einleitungMore');
    myVerticalSlide.hide();
    
    $('slidein').addEvent('click', function(e){
        e.stop();
        myVerticalSlide.slideIn();
        $('slidein').setStyle('display', 'none');
    });

    $('slideout').addEvent('click', function(e){
        e.stop();
        myVerticalSlide.slideOut();
        $('slidein').setStyle('display', 'inline');
    });
});

function openTab(idToLookFor){
    $$('.'+idToLookFor).getElements('h3').each(function(h3) {
        var el = $(""+h3.get('class'));
        $$('.tabContent').addClass('closed')
        el.removeClass('closed');
        h3.getParent('.tab').each(function(tab){
        $$('.tab').removeClass('active');
        tab.addClass('active');                    
        });
    });
};