window.addEvent("domready", function() {  
    
    //die Klasse kann für jede Selectbox mit individuellen Patameter aufgerufen werden
    $$('select').each(function(elem) {   	
        new selection(elem, {
            //hier die Standard Options, auskommentieren und editieren, wenn benötigt            
            //ROOTLAYER config
            //rootLayer: {
                //id for root layer : 'rootLayer'
                //id: 'rootLayer',
                //path for root layer bg image (!relative to the html-file!, or absolute (./img/gif/...))
                //blankImg: 'img/blank.gif'
            //},
            //WRAPPER: classname for wrapper div (mulitple classname posibble like 'block box')
            //wrapperClass: 'block',
            //MASK: classname for mask : 'selected-frame'
            //maskClass: 'select-frame',
            //SELECTEDELEM: classname for selected element
            //selElemClass: 'selected-elem',
            //LIST: class when hover a list element
            //liHoverClass: 'hover'
        	formId: elem.getParent().getParent().get('id'),
        	autosubmit: 1
        });        
     });
    
    
    
    // SLIDERBOX begin
    var sliders = $$(".slider");
    $$(".slide-trigger").each(function(trigger, index){
		var sl = new Fx.Slide(sliders[index],{duration: 500});	
		
		sl.addEvent('start', function(){
    		if (sl.open){
                trigger.removeClass('active');
            } else trigger.addClass('active');
    	});	
        
        sl.hide();
        
        //open the first news
        if (trigger.hasClass('news') && index < 1){
            trigger.addClass('active');
            sl.show();
        }	
		
        trigger.addEvent('click', function(){sl.toggle()});		
	});
	// SLIDERBOX end
    
});