Framework JavaScript

window.addEvent('domready',function() {
var items=$$('.item');
var fx=new Fx.Elements(items,{wait:true,duration:500});

items.each(function(_item,i) {
 _item.addEvent('click',function(e) {
  var obj={}; obj[i]={'height':[_item.setStyle('height', 'auto')]};
  items.each(function(other,j) {
   if(other!=_item) {
    var w=other.getStyle('height').toInt();
    if(w!=36)obj[j]={'height':[w,36]};
   }
  });
  fx.start(obj);
 });
});
items.addEvent('mouseleave',function(e) {
 var obj={};
 items.each(function(other,j) {
  obj[j]={'height':[other.setStyle('height',36)]};
 });
 fx.start(obj);
});
});

function getElementsByClass(tag,nom){
var elements = document.getElementsByTagName(tag);
var results = new Array();
for(var i=0; i<elements.length; i++){
 if(elements[i].className == nom){
  results[results.length] = elements[i];
 }
}
return results;
}

window.addEvent('domready',function(){
var items=$$('.item');
var fx=new Fx.Elements(items,{wait:false,duration:500,transition:Fx.Transitions.Sine.easeInOut});
items.each(function(_item,i){
 _item.addEvent('mouseenter',function(e){
  var obj={};
  var _items_ = getElementsByClass("div","item_info_off");
  var height_item = _items_[i].offsetHeight;
  obj[i]={'height':[_item.getStyle('height').toInt(),height_item+65]};
  items.each(function(other,j){
   if(other!=_item){
    var w=other.getStyle('height').toInt();
    if(w!=36)obj[j]={'height':[w,36]};
   }
  });
  fx.start(obj);
 });
});
items.addEvent('mouseleave',function(e){
 var obj={};
 items.each(function(other,j){
  obj[j]={'height':[other.getStyle('height').toInt(),36]};
 });
 fx.start(obj);
});
});