﻿window.addEvent('domready', function() {
    var status = {
        'true': 'slideractive',
        'false': 'slidermore'
    };
    var divs = new Array();
    var ii = 0;
    //Suche nach Anzahl der Slider-DIVs
    var divCollection = document.getElementsByTagName("div");
    for (var i=0; i<divCollection.length; i++) {
        if(divCollection[i].className == "slider") {
            var findId = divCollection[i].id;
            divs[ii] = findId.substr(14);
            //findID = divCollection[i].getAttribute("id");
            ii++;
        } 
    }

    //var divs = ['1', '2']; wird oben definiert
    divs.each(function(div){
        var myVerticalSlide = new Fx.Slide('vertical_slide'+div);
        myVerticalSlide.hide();    
        
        
        $('toggle'+div).addEvent('click', function(e){
            e.stop();
            myVerticalSlide.toggle();
        });    
            
            
        myVerticalSlide.addEvent('complete', function() {
        $('vertical_status'+div).set('class', status[myVerticalSlide.open]);
        });
        
        
    });
});