var Values = {
    init:function() {
        $$('#values dl')[0].setAttribute('id', 'dlvalues');
        var dts = $$('#values dt');
        var dds = $$('#values dd');
        for (var i = 0; i < dts.length; i++) {
            var name = dts[i].firstChild.nodeValue.gsub(" ", "").toLowerCase();
            dts[i].setAttribute('id', 'dt' + name);
            dds[i].setAttribute('id', 'dd' + name);
            strong = Builder.node('strong',dts[i].firstChild.nodeValue);
            dds[i].insertBefore(strong, dds[i].firstChild);
        };
        dts.each(function(dt){
            dt.observe ('mouseover', function() {Values.show('dd' + dt.id.substring(2))}, false);
            dt.observe ('mouseout', function() {Values.hide('dd' + dt.id.substring(2))}, false);
        }); 
    },
    hide:function(e) {
        $(e).setStyle({display:'none'})
    },
    show:function(e) {
        $(e).setStyle({display:'block'})
    }    
};
Event.observe (window, 'load', function() {Values.init();}, false);