function DynamicTabSet(dl){
    this.resizeList = function(){
    	var dd = $(this).next('dd')
        var dl = $(this).up('dl');
        //had to use parseInt as simply using the + operator was returning a string concatentation.
        var newHeight = parseInt(dd.getHeight()) + parseInt(dd.getStyle('padding-bottom'));
        dl.setStyle({
            height: newHeight + "px"
        });
    }
    $$(dl + " dt").each(function(item, index){
    	Event.observe(item, 'click', this.resizeList);
    });
    var firstTab =$$(dl)[0].down("dt");  
    var dd = $(firstTab ).next('dd')
    var dl = $(firstTab ).up('dl');
    var newHeight = parseInt(dd.getHeight()) + parseInt(dd.getStyle('padding-bottom'));
    dl.setStyle({
        height: newHeight + "px"
    });    
}