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.uk-navbar-attached",[
                        m("ul.uk-navbar-nav.uk-navbar-center.uk-visible-large",
                            m('li.uk-parent', util.facebookLink()),
                            _.map(topNavBar._urlMapping, topNavBar._getItem)),
                        m("ul.uk-navbar-nav.uk-hidden-large",
                            m('li.uk-parent', util.facebookLink()),
                            _.map(topNavBar._urlMapping, topNavBar._getItem)),
        ]);
    };

    return topNavBar;
});