var elements;
var currentElement;

function toggle(id){

    if(currentElement != null){
        var els = currentElement.previous().getElementsByTagName("a");
        els[0].removeClassName("selected");
    }

    if($(id) == currentElement){
        close(id);
        currentElement = null;
        return;
    }
    
    for (var i = 0 ; i < elements.length ; i++){
        if(elements[i].getAttribute('id') == id){
            //debug("open "+id);
            open(elements[i].getAttribute('id'));
        }else{
            //debug("close "+elements[i].getAttribute('id'));
            close(elements[i].getAttribute('id'));
        }
    }
}

function open(id){
    if($(id).getStyle("display") == "block")
        return;
    
    currentElement = $(id);
    
    var els = currentElement.previous().getElementsByTagName("a");
    els[0].addClassName("selected");
    
    Effect.BlindDown($(id),{
        afterFinish : function(){
            $(id).setStyle({
                display : "block"
            });
            Effect.ScrollTo(currentElement.up().getAttribute('id'));
        }
    });
}

/*
    var els = $$("#"+$(id).down(1).getAttribute('id')+ " h2 a");
    els[0].addClassName("selected");
*/
function close(id){
    if($(id).getStyle("display") == "none")
        return;
    
    Effect.BlindUp($(id),{
        afterFinish : function(){
            $(id).setStyle({
                display : "none"
            });
        }
    });
}

function debug(string){
    $('debug').innerHTML += string+"<br/>";
}

function initContents(){
    elements = $$('.content');
    
    elements.each(function(element){
        element.setStyle({
            display : "none"
        });
    });
}