// JavaScript Document
  	window.addEvent('domready', function()
    {
      //stylemodify();
      	var stretchers = $$('.display'); 	//elements that stretch
      	var toggles = $$('.click'); 		//elements to click
       
      	var mySliders = {};
      	var myHiders = {};
      	var visible = null;
 
      	stretchers.each(function(el, i)
        {
      		mySliders[i] = new Fx.Slide(stretchers[i]);	
      		myHiders[i] = new Fx.Slide(stretchers[i],
          {      		
            onComplete: function()
            { 
  						// force the hidden div to be completely reset
  						this.wrapper.setStyle('height', 'auto');
  						this.wrapper.getParent().setStyle('height',0);
  
  						mySliders[myHiders['next']].toggle();
  						visible = myHiders['next'];
            }
          })	
       
      		mySliders[i].hide();
      	});

	     toggles.each(function(el, i)
       {
 
  			 toggles[i].addEvent('click', function()
         {				
  					if ((visible != null) && (i != visible))
            {
  						myHiders['next'] = i;	
  						myHiders[visible].toggle();
  					} 
  					
  					// this should only be needed for the very first click
  					else
            {
  						mySliders[i].toggle();
  						visible = i;
  					}
  			 });
 
	     });
 
    
});
    
  /*function stylemodify()
  {
     menu hover border fades
    $$(".jotain", ".jotainmuuta").each(function(element)
    {
      var korkeus = element.effects({wait:false,duration:0});
      element.addEvents(
      {
      'mouseenter': korkeus.start.pass({'height':'30'}, korkeus),
      'mouseleave': korkeus.start.pass({'height':'20'}, korkeus)
      });
    });
    
    $$(".ehdotus").each(function(element)
    {
      var kikka = element.effects({wait:false,duration:0});
      element.addEvents(
      {
      'mouseenter': kikka.start.pass({'padding':'10 10 10 10','font-size':'16'}, kikka),
      'mouseleave': kikka.start.pass({'padding':'0 0 0 0','font-size':'12'}, kikka)
      });
    });
  } */