function login(){
  $("button#loginClick").click(function(event){
      var name = $('#userName').val();
      var pass= $('#pass').val();

      for(var i = 0; i< users.length; i++){
        if(users[i].user == name && users[i].pass == pass) {
          alert("Sucesso! Bem vindo meu caro");
          $("#login").modal('hide');
          var html =  '<li data-toggle="modal" data-target="#addRestaurant">';
              html += '<a href="#"><span class="glyphicon glyphicon-plus"></span>';
              html += ' Criar Restaurante';
              html += '</a>';
              html += '</li>';
              html += '<li data-toggle="modal" data-target="#user">';
              html += '<a href="#"><span class="glyphicon glyphicon-user"></span>';
              html += ' ';
              html += users[i].name;
              html += '</a>';
              html += '</li>';
              html += '<li data-toggle="modal" data-target="#import">';
              html += '<a href="#"><span class="glyphicon glyphicon-cloud-upload"></span>';
              html += ' Importar';
              html += '</a>';
              html += '</li>';
              html += '<li data-toggle="modal" data-target="#export">';
              html += '<a href="#"><span class="glyphicon glyphicon-cloud-download"></span>';
              html += ' Exportar';
              html += '</a>';
              html += '</li>';

          $("ul.navbar-right").html(html);
          event.preventDefault();
        }
      }
  });
}