Event.observe(window, 'load', function(e) {
	
	if ($('catParaMetTabset1')) {
	
		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);
					});
				});
			}
		});
		
		$$('#catParaMetTabset1 dd').each(function(elem) {
			elem.setStyle({opacity: 0})
		});
	
		var para = {
			animate: {
				time: 100,
				opacity: 1
			}
		}
		
		new Df.MyCustomTabset($('catParaMetTabset1'), para).showItem(0);
	}
	
});