'use strict';
require('todomvc-common/base.css');
require('todomvc-app-css/index.css');
var View = require('./view');
var helpers = require('./helpers');
var Controller = require('./controller');
var Model = require('./model');
var Store = require('./store');
var Template = require('./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);