//elid-что отображать
//sid-относительно чего отображать
//absolpos-ширина того, относительно чего отображается
function show(elid,sid,absolpos){
position(elid,sid,absolpos);
document.getElementById (elid).style.visibility='';
document.getElementById (elid).style.display='block';
}
function show2(elid,sid,absolpos){
position2(elid,sid,absolpos);
document.getElementById (elid).style.visibility='';
document.getElementById (elid).style.display='block';
}

function hide(elid,sid){
document.getElementById(elid).style.visibility='hidden';
//document.getElementById (elid).style.display='none';
}

function position(elid,sid,absolpos){
var offsettrail=document.getElementById(sid);
var offsetLeft=-12;
var offsetTop=0;
while(offsettrail){//перебирая вложения дивов находим абсолютное положение верхнего левого угла.
offsetLeft+=offsettrail.offsetLeft;
offsetTop+=offsettrail.offsetTop;
offsettrail=offsettrail.offsetParent;
}
var t=document.getElementById(absolpos).style.width;
//alert(document.getElementById(absolpos).style.width);
var dt=parseInt(t.slice(0,3));//вырезаем px вконце и делаем из строки число
var d=offsetLeft+dt;
document.getElementById(elid).style.left=d+"px";//смещаем выводимый див на ширину меню
document.getElementById(elid).style.top=offsetTop+15+"px";

}

function position2(elid,sid,absolpos){
var offsettrail=document.getElementById(sid);
var offsetLeft=0;
var offsetTop=0;
while(offsettrail){//перебирая вложения дивов находим абсолютное положение верхнего левого угла.
offsetLeft+=offsettrail.offsetLeft;
offsetTop+=offsettrail.offsetTop;
offsettrail=offsettrail.offsetParent;
}
var t=document.getElementById(absolpos).style.width;
//alert(document.getElementById(absolpos).style.width);
var dt=parseInt(t.slice(0,3));//вырезаем px вконце и делаем из строки число
var d=offsetLeft+dt;
document.getElementById(elid).style.left=d-8+"px";//смещаем выводимый див на ширину меню
document.getElementById(elid).style.top=offsetTop+"px";

}