TheLeague.Container = {
    init:function(){
	this.content = $('div#content');
	this.container = $('div#container');
    },
    isUp:function(){
        return !this.container.hasClass('down');
    },
    isDown:function(){
        return !this.isUp();
    },
    raise:function(){
//	this.container.animate({height:450}, 1000);//, this.fillPanel.bind(this));
        this.container.removeClass('down');
    },
    drop:function(){
        this.container.animate({height:0}, 1000, this.clear.bind(this));
        this.container.addClass('down');
    },
    clear:function(){
        this.container.html('');
    },
    setLoading:function(){
        this.container.addClass('querying');
    },
    populate:function(data){
        this.container.removeClass('querying');
	this.container.html(data);
//        TheLeague.Sections.pictures();
    },
    fillWith:function(show){
        this.clear();
//        this.setLoading();
        if(show)
	    $.get(show+'.html', this.populate.bind(this));
        else
            this.clear();
    },
};

TheLeague.Sections = {
    pictures: function(){
        var cont = $('div#videos');
        this.topX = cont.position().left;
//        this.topY = cont.position().top;
        this.width = cont.width();
        $('div#videos').mousemove(function(event){
            var x = event.pageX - this.topX;
            if (x < this.width * .33) {
                console.log('left');
                $('div#pics-container').scrollLeft();
            }
            if (x > this.width * .66) {
                console.log('right');
                $('div#pics-container').scrollRight();
            }            
        }.bind(this));
    },
};

TheLeague.Menu = {
    init:function(){
        this.items = $('ul#menu li');
        this.items.click(this.select.bind(this));
        TheLeague.Container.fillWith('bio');
    },
    isOpen: function(item){
        return item.hasClass('open');
    },
    open:function(item){
//        item.addClass('open');
        TheLeague.Container.fillWith(item.attr('id'));
    },
    select: function(event){
        var target = $(event.target);
//        if(TheLeague.Container.isDown())
//            TheLeague.Container.raise();
//        if(this.isOpen(target))
//            TheLeague.Container.drop();
//        this.clearOpen();
//        if(TheLeague.Container.isUp())
            this.open(target);
    },
    clearOpen:function(){
        this.items.removeClass('open');
    },
};

TheLeague.Main = {
    init:function(){
//        TheLeague.Player.init();
        TheLeague.Container.init();
        TheLeague.Menu.init();
    },
};

$(TheLeague.Main.init);