﻿var accordion;
var accordionTogglers;
var accordionContents;

window.onload = function() {
  accordionTogglers = document.getElementsByClassName('accToggler');
  
  accordionTogglers.each(function(toggler){
    //remember the original color
    toggler.origColor = toggler.getStyle('background-color');
    //set the effect
    toggler.fx = new Fx.Style(toggler, 'background-color');
  });
  
  accordionContents = document.getElementsByClassName('accContent');
  
  accordion = new Fx.Accordion(accordionTogglers, accordionContents,{
    //when an element is opened change the background color to new
      onActive: function(toggler){
      toggler.fx.start('#e3efe4');
    },
    onBackground: function(toggler){
      //change the background color to the original
      //color when another toggler is pressed
      toggler.setStyle('background-color', toggler.origColor);
    },
    // gibt an, welches element beim laden direkt (show) oder mit transition (display) angezeigt wird
    show: pageToShow
  });  
}

// das preload ist f&uuml;r die rollover CS vorladerei
// preloadImages();