<!--
var ImageList = new Class({
    initialize: function(options){
	    this.options = Object.extend({
	        
	    }, options || {});
	    
	    items = $$('ul#imagelist li');
//	    l = items.length;
//	    if(l>0) {
//	        h = 241 + ((l-1)*51)+20;
//	        $('imagelist').getParent().setStyle('height',h+'px');
//	    }
        items.each(function(el, i) {
            var img = el.getFirst();
	        var fx = new Fx.Style(img, 'height', {wait:false, duration: 400, transition: Fx.Transitions.Quad.easeOut});
            
            el.addEvent('mouseenter', function(e) {
                items.each(function(other, j){
                    if (other != el){
                        
                        var w = other.getFirst().getStyle('height').toInt();
                        if (w == 240) {
                            fx2 = new Fx.Style(other.getFirst(), 'height', {wait:false, duration: 400, transition: Fx.Transitions.Quad.easeOut});
                            fx2.start(w,50);
                        }
                    }
                });
	            this.animateImage(fx,img.getStyle('height').toInt(),240); 
	        }.bind(this));
	        
	        el.addEvent('mouseleave', function(e) {
	            var parent = el.getParent().getParent();
	            var vp = parent.getCoordinates();

                y = e.client.y-1;
                x = e.client.x-1;
//                    
                if((vp.bottom >= y && y >= vp.top) && (vp.right >= x && x >= vp.left)) {
                    this.animateImage(fx,img.getStyle('height').toInt(),50);
                }

	        }.bind(this));
        }.bind(this));

	},

	animateImage: function(fx,min,max) {
	    fx.start(min,max);
	}
	
});
//-->