﻿var pnTime = 20;
var pnMove = 10;

function movePainel(pnId){
    var pn = getElementsByClass("painelapres",document,"div")[pnId];
    var pos = pn.destpos;
    if (pn.posA != pos){
        var ul = pn.getElementsByTagName("ul")[0];
        
        if (pn.posA > pos) var f = -1;
        else f = 1;
        
        if (Math.abs((pn.posA + (pnMove * f)) - pn.destpos) < pnMove) pn.posA = pos;
        else pn.posA = pn.posA + (pnMove * f);
        ul.style.marginTop = pn.posA + "px";
    }
    setTimeout("movePainel(" + pnId + ")",pnTime);
}

function exibePainel(pn,pos){
    pn.destpos = getHeight(pn) * pos * -1;
}

function initPainel(){
    var pns = getElementsByClass("painelapres",document,"div");
    var lis,m,ulm,am,lim,j,ul;
    for (var i = 0; i < pns.length; i++){
        lis = pns[i].getElementsByTagName("li");
        ul = pns[i].getElementsByTagName("ul")[0];
        m = document.createElement("div");
        m.className = "move";
        mul = document.createElement("ul");
        pns[i].posA = 0;
        pns[i].destpos = 0;
        pns[i].pnId = i;
        for (j = 0; j < lis.length; j++){
            lis[i].style.display = "block";
            mli = document.createElement("li");
            am = document.createElement("a");
            am.setAttribute("href", "#");
            if (j == 0) am.className = "atual";
            am.painel = pns[i];
            am.pos = j;
            am.onclick = function(){
                var els = this.parentNode.parentNode.getElementsByTagName("a");
                for (var i = 0; i < els.length; i++)
                    if (els[i] != this) els[i].className = "";
                    else els[i].className = "atual";
                
                this.painel.destpos = getHeight(this.painel) * this.pos * -1
                return false;
            }
            am.appendChild(document.createTextNode(j + 1));
            mli.appendChild(am);
            mul.appendChild(mli);
        }
        movePainel(i);
        m.appendChild(mul);
        pns[i].appendChild(m);
    }
}

addEvent(window,"load",initPainel);
