window.addEvent('domready',function(){
    var projekte_wrapper = $('projekte-container');
    if (Browser.Engine.trident && Browser.Engine.version <= 4){
        projekte_wrapper.setStyle('display','none');
        $('content-home').setStyle('paddingTop',25);
    }
    var projektees = $$('div.projekte-wrapper');
    projektees.setStyles({
        'position' : 'absolute',
        'top' : 0,
        'left' : 0
    });
    var one = projektees.shift();
    var projekte_bottom = projekte_wrapper.getStyle('height');
    projektees.setStyle('top',projekte_bottom);
    var projekte_frames = $('projekte-frames');
    var projekte_frames_a = projekte_frames.getElements('a');
    var interval;
    var time = 10000;
    
    var click_next_active_a = function(use_1){
        //alert(use_1);
        var nxt;
        projekte_frames_a.each(function(e){
            var n = e.get('href').replace('#','');
            if (e.hasClass('frame-' + n + '-active')){
                // try to get next
                nxt = $(document.body).getElement('.frame-' + (n.toInt() + 1).toString());
                if (!nxt || use_1) nxt = $(document.body).getElement('.frame-1');
            }
        });
        nxt.fireEvent('click');
    }

    var projekte_click = function(){
        $clear(interval);
        var n = this.get('href').replace('#','');
        if (this.hasClass('frame-' + n + '-active')) return false;
        projekte_frames_a.each(function(a){
            var n1 = a.get('href').replace('#','');
            a.set('class','frame-' + n1);
        });
        this.set('class','frame-' + n + '-active');
        one.set('tween',{duration:400,onComplete : function(){
                // get the new element
                // animate it up
                // set it as one at the end
                var up = $('projekte-' + n);
                up.set('tween',{duration:400}).tween('top',0);
                one = up;
                interval = click_next_active_a.delay(time,projekte_wrapper,[false]);
            }.bindWithEvent(this)
        }).tween('top',projekte_bottom);
        return false;
    }

    projekte_frames_a.addEvent('click',projekte_click);
    interval = click_next_active_a.delay(time,projekte_wrapper,[false]);
});