var shown='';
var paneldown=false;

function togglePanel(show){
    if(shown==show)
        hidePanel();
    else
        showPanel(show);
}

function showPanel(show){
    if(!paneldown){
        slideTop('ddpanel', -100, 0, 55);
        slideTop('ddtabs',0, 100, 55);
    }
    loadContent(show);
    shown=show;
    paneldown=true;
    return false;
}

function hidePanel(){
    document.getElementById('ddpanel').style.top='-100px';
    document.getElementById('ddtabs').style.top='0px';
    shown='';
    paneldown=false;
    return false;
}

function slideTop(divId, fromPx, toPx, rate){
    var currentPx=fromPx;
    
    if(fromPx < toPx){
        currentPx+=20;
        document.getElementById(divId).style.top=currentPx + 'px';
        setTimeout(function(){slideTop(divId,currentPx,toPx,rate)},rate);
    }
    
    
}

function loadContent(show){
    if(show=='guestlobby'){
        document.getElementById('ddpanel').innerHTML=document.getElementById('ddguest').innerHTML;        
    }
    
    if(show=='popularpages'){
        document.getElementById('ddpanel').innerHTML=document.getElementById('ddpopular').innerHTML;        
    }
}