router.js

router.js

define([

        "rosy/views/Router",
        "mysite/views/Home",
        "mysite/views/About",
        "mysite/views/Contact"

    ],
    function (Router, Home, About, Contact) {
        var group = new Router({
            id : "main",
            selector : "#main",
            useHistory : true,
            transition : "async"
        });

        group.addRoute('/home', Home, {
            bodyClass : "home",
            title : "Home"
        });

        group.addRoute('/about', About, {
            bodyClass : "about",
            title : "About My Site"
        });

        group.addRoute('/contact', Contact, {
            bodyClass : "contact",
            title : "Contact Me"
        });
        
        group.addAlias('/', '/home');

        return group;
    }
);