define(['m', '_', 'util'], function (m, _, util) {
    var topNavBar = {};

    topNavBar._urlMapping = {
        acceuil: 'Acceuil',
        calendrier: 'Calendrier',
        reglement: 'Règlement',
        photos: 'Photos',
        membre: 'Membre',
        contact: 'Nous Joindre'
    };

    topNavBar.controller = function(){
        return {id: m.route.param("page")};
    };

    topNavBar._getUrlForId = function(id_){
        return  '#/' + id_;
    };

    topNavBar._isActive = function(id_){
        return id_ == m.route.param("page");
    };

    topNavBar._getItem = function(name, id){
        var class_ = topNavBar._isActive(id) ? 'uk-active' : 'uk-parent';
        var url = topNavBar._getUrlForId(id);
        return m("li", {class: class_}, [m("a",{href: url},  name)]);
    };

    topNavBar.view = function(controller){
        return m("nav.uk-navbar",
                  [m("div.uk-navbar-content.uk-navbar-center", [
                      m("ul.uk-navbar-nav",
                         m('li.uk-parent', util.facebookLink()),
                        _.map(topNavBar._urlMapping, topNavBar._getItem)
                        )
        ])]);
    };

    return topNavBar;
});