var tabSlide = new Class({
  
  Extends: MorphList,
  
  options: {/*
    onShow: $empty,*/
  },
  
  initialize: function(menu, images, loader, options) {
    this.parent(menu, options);
    this.images = $(images);
    this.imagesitems = this.images.getChildren();
    this.imagesitems.fade('hide');
    this.imagesitems.setStyle('display', 'none');

    this.curimage =  this.images.getFirst();
    this.curimage.setStyle('display', 'block');
    this.curimage.fade('in');
    //$(loader).fade('in');
    //new Asset.images(this.images.getElements('img').map(function(el) { return el.setStyle('display', 'none').get('src'); }), { onComplete: function() {
    //  this.loaded = true;      
    //  $(loader).fade('out');
    if(this.current) { alert("current"); this.show(this.menuitems.indexOf(this.current)); }
    //}.bind(this) });
  },
  			
  click: function(ev, item) {
    this.parent(ev, item);
    new Event(ev).stop();
    //alert(this.menuitems.indexOf(item));
    this.show(this.menuitems.indexOf(item));
  },
  
  show: function(index) {
  	
    //if(! this.loaded) return;
    var image = this.imagesitems[index];    
		if(image == this.curimage) return;
	
	if($chk(this.curimage))
	{
		this.curimage.setStyle('display', 'none').fade('out');
		//bind(this.curimage);
		//alert('p');
	}
	//this.imagesitems.dispose();
	//this.inject(this.curimage || this.images.getFirst(), this.curimage ? 'after' : 'before').fade('in');
	//this.curimage.fade('hide');
    //image.dispose().fade('hide').inject(this.curimage || this.images.getFirst(),  'before').fade('in');
    image.setStyle('display', 'block');
    image.inject(this.curimage || this.images.getFirst(),  'before').fade('in');
    //image.dispose().inject(this.curimage || this.images.getFirst(), this.curimage ? 'after' : 'before').fade('in');
	
    $pick(this.curimage, image).get('tween').chain(function() { this.fireEvent('onShow', image); }.bind(this));
    this.curimage = image;
	//return this;
  }
  
});