﻿function quickNavigation(){
    var quickbtn=document.getElementById("quickbtn");
    var quicklist=document.getElementById("quicklist");
    var toplist=document.getElementById("toplist");
    var sublist=document.getElementById("sublist");
    var toplinks = toplist.getElementsByTagName("div");
    var sublinks = sublist.getElementsByTagName("div");
    quickbtn.onmouseover=function(){
        this.style.cursor="pointer";
        quicklist.style.display="block";
        resetQuickNavigation(toplinks, sublist, sublinks);
    }
    quickbtn.onmouseout=function(){
        quicklist.style.display="none";
    }
    quicklist.onmouseover=function(){
        this.style.display="block";
    }
    quicklist.onmouseout=function(){
        this.style.display="none";
    }
    for(var i=0;i<toplinks.length;i++){
        toplinks[i].pos=i;
        toplinks[i].onmouseover=function(){
            sublist.style.display="block";
            for(var j=0;j<toplinks.length;j++){
                toplinks[j].style.background="url(/images/quick_top0.jpg) left center no-repeat";
            }
            this.style.background="url(/images/quick_top1.jpg) left center no-repeat";
            for(var j=0;j<sublinks.length;j++){
                sublinks[j].style.display="none";
            }
            if(this.pos<sublinks.length&&sublinks[this.pos].childNodes.length>0){
                sublinks[this.pos].style.display="block";
                var num;
                var topnum=toplinks.length;
                var subnum=sublinks[this.pos].getElementsByTagName("span").length;
                if(subnum==1)
                    num=this.pos;
                else{
                    if(this.pos<=subnum/2)
                        num=0;
                    else
                        num=this.pos-subnum/2
                }
                sublist.style.marginTop=(31*num)+"px";
            }
        }
    }
}
function resetQuickNavigation(toplinks, sublist, sublinks){
    for(var i=0;i<toplinks.length;i++){
        toplinks[i].style.background="url(/images/quick_top0.jpg) left center no-repeat";
    }
    for(var j=0;j<sublinks.length;j++){
        sublinks[j].style.display="none";
    }
    sublist.style.marginTop="0px";
}
addFunction(quickNavigation);
