<!--
var LeftNav = new Class({
    initialize: function(options){
	    this.options = Object.extend({
	        
	    }, options || {});
	    
	    this.items = $$('ul#leftnav li.out');
	    this.items.each(this.initItems,this);
	    l = this.items.length;
	    if(l>0) {
	        h = 201 + ((l-1)*42)+20;
	        $('leftnav').setStyle('height',h+'px');
	    }
	    
	},
	
	initItems: function(el) {

	    var img = el.getFirst().getFirst().getLast().getFirst();
	    if(img.hasClass('imgproj')) {
	        var fx = new Fx.Style(img, 'height', {wait: false, duration: 800, transition: Fx.Transitions.Quad.easeOut});
    	    
            var a = el.getFirst().getFirst();
	        var stroke = a.getFirst().getLast();
	        var item = a.getFirst().getNext();
	        var btm = item.getNext();
    	    
	        el.addEvent('mouseenter', function(e) {
    //	        var x_ovr = new Chain();
    //	        x_ovr.chain(function() { this.setOvrState(el); }.bind(this));
    //	        x_ovr.chain(function() { this.animateImage(fx,0,144); }.bind(this));
    //	        
    //	        x_ovr.callChain();
    //	        x_ovr.callChain();

	            this.setOvrState(el);
	            this.animateImage(fx,img.getStyle('height').toInt(),144,'ovr'); 
                
	        }.bind(this));
	        el.addEvent('mouseleave', function(e) {
                this.setOutState(el);
                this.animateImage(fx,img.getStyle('height').toInt(),0,'out'); 
	        }.bind(this));	
	    }
	    else {
	        el.addEvent('mouseenter', function(e) {
	            this.setOvrState(el);
                
	        }.bind(this));
	        el.addEvent('mouseleave', function(e) {
                this.setOutState(el);
	        }.bind(this));	
	    
	    }
	},
	
	setOvrState: function(el) {
	    el.removeClass('out');
        el.addClass('ovr');
	},
	
	setOutState: function(el) {
	    el.removeClass('ovr');
        el.addClass('out');
	},
	
	animateImage: function(fx,min,max,st) {
	    var cc;
	    if(st == 'ovr') {
	        cc = '#f0efee';
	    }
	    else {
	        cc = '#ffffff';
	    }
//	    fx1.start({'backgroundColor':cc});
//	    fx2.start({'backgroundColor':cc});
//	    fx3.start({'backgroundColor':cc});
	    fx.start(min,max);
//	    fx.start(min,max).chain(
//	        function() { fx1.start({'backgroundColor':'#f0efee'}); }
//	    );
	}
	
	
});
//-->