$(function() {
    window.fruitbar = {};
    fruitbar.tasks = new Tasks(data['tasks']);
    fruitbar.projects = new Projects(data['projects']);
    
    fruitbar.projectCounter = new CollectionCounterView({
        el: $('.project-counter'),
        collection: fruitbar.projects
    });
    
    fruitbar.projectsView = new ProjectsView({
        el: $('.projects'),
        collection: fruitbar.projects,
        tasks: fruitbar.tasks,
        templates: {
            project: $('#project-template').html(),
            task: $('#task-template').html()
        },
        controls: {
            create: $('.btn-new-project')
        }
    });
    
    window.setInterval(function() {fruitbar.projects.fetch({update: true});}, 60000);
    window.setInterval(function() {fruitbar.tasks.fetch({update: true});}, 60000);
});