routing refactor

gistfile1.js

define (

    [
		"rosy/base/Class",
		"rosy/routing/Router",
		"rosy/routing/HistoryRouter",
		"rosy/routing/HashRouter",
		"mySite/views/About"
	],

	function (Class, Router, HistoryRouter, HashRouter, About) {

		return Class.extend({

			mainRouter : null,
			modalRouter : null,
			historyRouter : null,
			hashRouter : null,

			init : function () {

				var mainConfig = {
					selectors : ["[data-route]"],
				},

				modalConfig = {
					selectors : ["data-modal-route"]
				};

				this.mainRouter = new Router([
					{
						path : "/home",
						viewClass : "/mySite/views/Home",
						config : {
							some : "thing"
						}
					},
					{
						path : "/about",
						viewClass : About,
						config : {
							some : "thing else"
						}
					}
				], mainConfig);

				this.modalRouter = new Router([
					{
						path : "/videos",
						viewClass : "/mySite/views/modals/Videos",
						config : {
							some : "thing"
						}
					},
					{
						path : "/contact",
						viewClass : "mySite/views/modals/Contact",
						config : {
							some : "thing else"
						}
					}
				], modalConfig);

				this.historyRouter = new HistoryRouter();
				this.historyRouter.link(this.mainRouter);

				this.hashRouter = new HashRouter();
				this.hashRouter.link(this.modalRouter);
			}

		});
	}
);