function hl(id) {
    document.getElementById(id).className = 'current';
}

function ll(id) {
    document.getElementById(id).className = '';
}

function onmode(el, id, url) {
    if (el.value == 'go') {
        document.location = url;
    }
    else {
        document.getElementById(id).className = '';
    }
    return true;
}

function qshow(id, shower) {
    document.getElementById(id).className = '';
    document.getElementById(shower).style.visibility = 'hidden';
}

function toggleVis(el, id, val) {
    if (el.value == val) {
        vis(id);
    }
    else {
        invis(id);
    }
    return true;
}

function vis(id) {
    document.getElementById(id).style.visibility = 'visible';
}

function invis(id) {
    document.getElementById(id).style.visibility = 'hidden';
}

function disp(id) {
    document.getElementById(id).style.display = '';
}

function hide(id) {
    document.getElementById(id).style.display = 'none';
}

var ev;

function ongenre(el, id, id2) {
    var st, val, opt, but;
    but = document.getElementById(id2);
    if (el.value != "") {
        vis("stylevis");
        st = document.getElementById(id);
        while (st.options.length > 0) {
            st.remove(0);
        }
        for (val in styles[el.value]) {
            opt = document.createElement('option');
            opt.value = val;
            opt.text = styles[el.value][val];
            try { st.add(opt, null); } catch (ex) { st.add(opt); }
        }
        if (but.onclick) {
            if (!ev) {
               ev = but.onclick;
            }
            but.onclick = null;
        }
    }
    else {
        invis("stylevis");
        if (ev) but.onclick = ev;
    }
}

function submitGrouped(id, hid, val) {
    var f;
    f = document.getElementById(id);
    f[hid].value = val;
    f.submit();
}