﻿function showSublinks(){
    var globallinks=document.getElementById("link");
    var links=globallinks.getElementsByTagName("li");
    for(var i=0;i<links.length;i++){
        links[i].pos=i;
        links[i].onmouseover=function(){
            var sublinks=links[this.pos].getElementsByTagName("div")[0];
            sublinks.style.display="block";
            if(!sublinks.style.width){
                var as = sublinks.getElementsByTagName("a");
                var width = 0;
                for(var j=0; j<as.length; j++){
                    width+=as[j].scrollWidth;
                }
                sublinks.style.width = width + "px";
            }
        }
        links[i].onmouseout=function(){
            var sublinks=links[this.pos].getElementsByTagName("div")[0];
            sublinks.style.display="none";
        }
    }
}
addFunction(showSublinks);
