import 'todomvc-common/base.css';
import 'todomvc-app-css/index.css';

import View from './view';
import helpers from './helpers';
import Controller from './controller';
import Model from './model';
import Store from './store';
import Template from './template';

var $on = helpers.$on;
/**
 * Sets up a brand new Todo list.
 *
 * @param {string} name The name of your new to do list.
 */
function Todo(name) {
	this.storage = new Store(name);
	this.model = new Model(this.storage);
	this.template = new Template();
	this.view = new View(this.template);
	this.controller = new Controller(this.model, this.view);
}

var todo;

function setView() {
	todo.controller.setView(document.location.hash);
}

$on(window, 'load', function () {
	todo = new Todo('todos-vanillajs');
	setView();
});
$on(window, 'hashchange', setView);