
<!-- Hide

// group by area of the page
// multi-dimensional array: indexed by group[0][0]=[pre],group[0][1]=[numoptions]. . .
var registeredgroup=new Array();

function registerpre(group,pre,numberofoptions)
{
var newgroup=true;
    if (registeredgroup[group]!=null) {
        newgroup=false;
        registeredpre=registeredgroup[group][0];
        registeredpreoptions=registeredgroup[group][1];
    } else {
        registeredgroup[group]=new Array(2);
        registeredgroup[group][0]=new Array();
        registeredgroup[group][1]=new Array();
        registeredpre=registeredgroup[group][0];
        registeredpreoptions=registeredgroup[group][1];
    }
    for (i=1;i<=registeredpre.length;i++) {
        if (registeredpre[i]==pre) { return; }
    }
    registeredpre[i]=pre;
    registeredpreoptions[i]=numberofoptions;
    registeredgroup[group][0]=registeredpre;
    registeredgroup[group][1]=registeredpreoptions;
}

// hide by group
function hideAll(group)
{
    if (registeredgroup[group]==null) {
        return;
    }
    registeredpre=registeredgroup[group][0];
    registeredpreoptions=registeredgroup[group][1];
    for (i=1;i<=registeredpre.length;i++) {
        pre=registeredpre[i];
        numberofoptions=registeredpreoptions[i];
        for (id=1;id<=numberofoptions;id++) {
            element=pre+id;
            document.getElementById(element).style.visibility='hidden';
            document.getElementById(element).style.zindex='-999';
        }
    }
}

function showInfo(group,target,numberofoptions,pre,id,height)
{
    registerpre(group,pre,numberofoptions);
    hideAll(group);
    element=pre+id;
    document.getElementById(element).style.visibility='visible';
    document.getElementById(element).style.zindex='999';
    document.getElementById(target).height=height + 'px';
}

// Show -->