Event.observe(window, 'load', function(e) {
	
	Df.MyCustomTabset = Class.create(Df.Tabset,{
	  buildItems: function($super){
		 $super();
	
		 this.minHeight = 100;
		 this.tabHeight = 38;
		 this.contentElement = 'dd';
		 this.tabElement = 'dt';
	
		 this.attachTabsetHeightEvents();
		 this.updateTabsetHeight(this.element.select(this.tabElement)[0]);
	  },
	
	  updateTabsetHeight: function(elem){
		 var content = elem.next(this.contentElement);
		 if(content.getHeight() < this.minHeight){
			content.style.height = parseInt(this.minHeight - this.tabHeight) + 'px';
		 }
		 var newHeight = parseInt(content.getHeight() + this.tabHeight);
		 this.element.style.height = newHeight + 'px';		
	  },
	
	  attachTabsetHeightEvents: function(){
		 obj = this;
		 obj.element.select(obj.tabElement).each(function(elem){
			elem.observe('click', function(){
			  obj.updateTabsetHeight(elem);
			});
		 });
	  }
	});
	
	$$('#tabset dd').each(function(elem){
	  elem.setStyle({opacity: 0})
	});
	
	var para = {
	  animate: {
		 time: 100,
		 opacity: 1
	  }
	}

	new Df.MyCustomTabset($('tabset'), para).showItem(0);

});