var subactive;
var subactiveid;
function subclose() {
        document.getElementById(subactive).style.display='none';
        document.getElementById(subactiveid).style.background='02689C'
        document.body.onclick=null;
}

function subviewer(pressed,id,y){
        var item=document.getElementById(id);
        var l=item.offsetLeft;
        while (item.offsetParent != null) {
                item = item.offsetParent;
                l+=item.offsetLeft;
        }

        document.getElementById(pressed).style.left=l;
        document.getElementById(pressed).style.top=y;
        document.getElementById(pressed).style.display='block';
        document.getElementById(id).style.background='E70000'
        subactive=pressed;
        subactiveid=id;
        document.body.onclick=subclose;
}