var gal_h=105;
var text_open = ['Alle ',' Bilder zeigen [+]'];
var text_close = 'Minimieren [-]';

window.addEvent('domready', function() {

  $$('.galerie').each(function(el,index) {
    
    var imgs = el.getElements('img');
    var this_open = text_open[0]+imgs.length+text_open[1];
    
    el.setStyles({
      'overflow':'hidden'
    });
    el.getElement('h2').setStyles({
      /* 'backgroundColor':'#f4f4ff', */
      'cursor':'pointer'
    });
    
    var label  = new Element('span', {class: 'label',html:this_open });
    label.inject(el.getElement('h2'));
    //el.getElement('h2').inject(label);
    var old_h=el.getElement('.images').getStyle('height');
    el.getElement('div.images').setStyles({
      'height':gal_h,
      'overflow':'hidden',
      //'width':'2000'
    });
    el.getElement('h2').addEvent('mouseover',function(e){
      e.setStyles({
        'backgroundColor':'#f4f4ff',
        'cursor':'pointer'
      });
      
    });
    el.getElement('h2').addEvent('click',function(e){
      
      //alert('h: '+old_h);
      
      
      if (el.getElement('.images').getStyle('height').toInt()==gal_h) {
        //el.getElement('.images').setStyle('height','auto');
        var FxOpen = new Fx.Morph(el.getElement('.images'),{duration: 1200, transition: Fx.Transitions.Quart.easeOut}); 
        FxOpen.start({'height':old_h});  
        el.getElement('.label').set('html',text_close);
        
      } else {
        var FxOpen = new Fx.Morph(el.getElement('.images'),{duration: 600, transition: Fx.Transitions.Quart.easeOut}); 
        FxOpen.start({'height':gal_h});  
        
        //el.getElement('.images').setStyle('height',gal_h);
        el.getElement('.label').set('html',this_open);
      }
      
    });
    
  });

});