function showlistBelow(id) {
    
    obj = $(id);
     if (isIE) {
        extray = 0;
        extrax = 0;
    } else {
        extrax = 0
        extray = -2;
    }
    
    if (document.closeThis && document.closeThis != obj) {
        toggleClose(document.closeThis);
    }
    
    obj.style.left = getRealOffsetLeft(obj.parentNode) + extrax + 'px';
    obj.style.top = getRealOffsetTop(obj.parentNode) + extray + obj.parentNode.offsetHeight + 'px';
    toggle(id);
    
    document.closeThis = obj;
    document.closeThis.num = 0;
    document.onclick = function() {
        //alert('click');
        if (!this.closeActive) return;
        
        if (!this.closeThis.num) {
            this.closeThis.num = 1;
        } else {
            this.closeThis.num++;
        }
        
        if (this.closeThis.num % 2 == 0) {
            this.closeThis.num = 1;
            toggleClose(this.closeThis);
            this.onclick = function() { };
        }
        
    }
    
    document.closeActive = true;
}

function showlistAbove(id) {
    obj = $(id);
    
    if (isIE) {
        extray = 0;
        extrax = 3;
    } else {
        extrax = 0
        extray = 1;
    }
    
    if (document.closeThis && document.closeThis != obj) {
        toggleClose(document.closeThis);
    }
    
    obj.style.left = getRealOffsetLeft(obj.parentNode) + extrax + 'px';
    toggle(id);
    obj.style.top = (getRealOffsetTop(obj.parentNode) - obj.offsetHeight) + extray + 'px';
    
    document.closeThis = obj;
    document.closeThis.num = 0;
    document.onclick = function() {
        //alert('click');
        if (!this.closeActive) return;
        
        if (!this.closeThis.num) {
            this.closeThis.num = 1;
        } else {
            this.closeThis.num++;
        }
        
        if (this.closeThis.num % 2 == 0) {
            this.closeThis.num = 1;
            toggleClose(this.closeThis);
            this.onclick = function() { };
        }
        
    }
    
    document.closeActive = true;
}