Event.observe (window, 'load', function (){
  new Ajax.Autocompleter('s','s_return', localhost+'/ajax/palavras', {});
  $$('span.verTelefone img').each(function (e) { Event.observe (e, 'click', seePhone); });
  Event.observe ($('termos_de_uso'), 'click', termos);
});

seePhone = function (e)
  {
    var e = Event.element (e).up ('span');
    var user = e.getAttribute ('user');
    var veic = e.getAttribute ('veiculo');
    e.removeClassName('verTelefone');
    e.stopObserving('click', seePhone);
    new Ajax.Updater (e,localhost+'/ajax/telefone',{parameters: { usr: user, veic: veic }});
  }

termos = function (e)
  {
    Event.stop (e);
    if (!$('termos')) criarTela ('termos', 'Termos de uso');
    DGwindow.show ('termos',  window.pageYOffset + 50);
    $$('.DGconteudo').first ().update ('&nbsp;<div class="conteudo">Carregando...</div><p><br  /><button>Fechar</button><br  />&nbsp;</p>');
    Event.observe ($$('.DGconteudo button').first (), 'click', DGwindow.hide);
    new Ajax.Updater ($$('#termos .DGconteudo .conteudo')[0], localhost+'/ajax/termos');
  }

function criarTela (idElement, tit)
{
  // Criando os elementos
  var div = document.createElement ('div');
  var divConteudo = document.createElement ('div');
  var h2 = document.createElement ('h2');
  var a = document.createElement ('a');
  var img = document.createElement ('img');
  var titulo = document.createElement ('span');
  // Aplicando as propriedades
  div.className = 'DGwindow';
  div.id = idElement;
  divConteudo.className = 'DGconteudo';
  h2.className = 'titulo';
  a.className = 'close';
  a.href = '#';
  img.setAttribute ('src', localhost+'/layout/icon/close.gif');
  // Colocando na ordem
  a.appendChild (img);
  titulo.appendChild (document.createTextNode (tit));
  h2.appendChild (titulo);
  h2.appendChild (a)
  div.appendChild (h2);
  div.appendChild (divConteudo);
  $$('body')[0].appendChild (div);
}