define([
        'backbone',
        'js/programs/views/program_creator_view',
        'js/programs/views/program_details_view',
        'js/programs/models/program_model'
    ],
    function( Backbone, ProgramCreatorView, ProgramDetailsView, ProgramModel ) {
        'use strict';

        return Backbone.Router.extend({
            root: '/program/',

            routes: {
                'new': 'programCreator',
                ':id': 'programDetails'
            },

            initialize: function( options ) {
                this.homeUrl = options.homeUrl;
            },

            goHome: function() {
                window.location.href = this.homeUrl;
            },

            loadProgramDetails: function() {
                this.programDetailsView = new ProgramDetailsView({
                    model: this.programModel
                });
            },

            programCreator: function() {
                if ( this.programCreatorView ) {
                    this.programCreatorView.destroy();
                }

                this.programCreatorView = new ProgramCreatorView({
                    router: this
                });
            },

            programDetails: function( id ) {
                 this.programModel = new ProgramModel({
                    id: id
                });

                this.programModel.on( 'sync', this.loadProgramDetails, this );
                this.programModel.fetch();
            },

            /**
             * Starts the router.
             */
            start: function () {
                if ( !Backbone.history.started ) {
                    Backbone.history.start({
                        pushState: true,
                        root: this.root
                    });
                }
                return this;
            }
        });
    }
);