window.onDomReady(init);
function init(){
    var top = $("top");
    top.addEvent("click", function(event){
        var event = new Event(event);
        event.preventDefault();
        window.location= "/";
    });
    var contentclicks = $$("li.contentclick");
    var contentclicksselected = $$("li.contentclickselected");
    contentclicks.extend(contentclicksselected);
    contentclicks.each(function(contentclick){
        contentclick.addEvent("click", function(event){
            var event = new Event(event);
            event.preventDefault();
            deselectAll();
            contentclick.removeClass("contentclick");
            contentclick.addClass("contentclickselected");
            var id = "content" + contentclick.getAttribute("id").substring("contentclick".length, "contentclick".length+1);
            hideAll();
            show(id);
            return false;
        }
        )
        }
    );    
    var links = $$("a.extpopup");
    $A(links).each(function(el){
        el.addEvent("click", function(event){
            var event = new Event(event);
            event.preventDefault();
            popUp(el.href,'console',1048,768);
            return false;
        }
        )
        }
    );
		// Pick your classes
    var areacontentclicks = document.getElementsByClassName("areacontentclick");
    var areacontents = document.getElementsByClassName("areacontent");    
    var accordion = new Fx.Accordion(
    			areacontentclicks, areacontents, {
    				onActive: function(tog){
    					tog.setStyles({color: '#fff', background: '#000'});
    				},
    				onBackground: function(tog){
    					tog.setStyles({color: '#fff', background: '#ff0000'});
    				}, 
    				alwaysHide: true			
    			}
    );    
}
function deselectAll(){
    var contents = $$("li.contentclickselected");
    $A(contents).each(function(contentclick){
            contentclick.removeClass("contentclickselected");
            contentclick.addClass("contentclick");
        }
    );    
}

function hideAll(){
    var contents = $$("div.content");
    $A(contents).each(function(content){
            hide(content.getAttribute("id"));
        }
    );    
}
function hide(id){
    if ($(id)){
        $(id).setStyle("display", "none");
    }
}
function show(id){
    if ($(id)){
        $(id).setStyle("display", "block");
    }

}