Event.observe ( window, 'load', function (){
  fotosVeiculos ();
  new Ajax.Autocompleter('s','s_return', './ajax/palavras', {});

  $$('form table td').each (function (e){
    /* Caso alguém já esteja selecionado, alteramos as cores das linhas. Isco ocorre com frequencia no firefox */
    var ck = e.up('tr').down ('input').checked;
    if (ck) e.up('tr').setStyle ({background: '#FFFFCC'});
    else e.up('tr').setStyle ({background: 'transparent'});
    /* Adicionando os eventos */
    Event.observe (e, 'mouseover', function (e){mouseOverCell (Event.element(e));});
    Event.observe (e, 'mouseout', function (e){mouseOutCell (Event.element(e));});
    //Event.observe (e, 'click', function (e){mouseClickCell (Event.element(e));});
  });
  $$('table td input').each (function (e) {
  	Event.observe (e, 'click', function (e){mouseClickCell (Event.element(e));});
  });
  $$('span.verTelefone').each(function (e) { Event.observe (e, 'click', seePhone); });
  Event.observe ($('comparar'), 'submit', function (e) {
      var selecionados = $$('#comparar input[type=checkbox]').findAll (function (e) {if (e.checked) return e;}).size ();
      if (selecionados > 4 || selecionados < 2) {
        var msg = 'Você deve selecionar de dois a quatro veículos para poder comparar.';
        alert (msg);
        Event.stop (e);
      }
    }
  );  
});

seePhone = function (e)
  {
    var e = Event.element (e);
    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 }});
  }

function mouseOverCell (e) {
  var ck = e.up('tr').down ('input').checked;
  if (ck) e.up('tr').setStyle ({background: '#FFFFCC'});
  else e.up('tr').setStyle ({background: '#E6EFF5'});
  //e.up('tr').setStyle ({cursor:'pointer'});
}
function mouseOutCell (e) {
  var ck = e.up('tr').down ('input').checked;
  if (ck) e.up('tr').setStyle ({background: '#FFFFCC'});
  else e.up('tr').setStyle ({background: 'transparent'});
  //e.up('tr').setStyle ({cursor:'pointer'});
}
function mouseClickCell (e) {
  var ck = e.up('tr').down ('input');
  if (e.tagName != 'INPUT') {
    ck.checked = !ck.checked;
  }
  if (ck.checked) e.up('tr').setStyle ({background: '#FFFFCC'});
  else e.up('tr').setStyle ({background: '#E6EFF5'});
}



function fotosVeiculos ()
  {
    $$('span.fotoVeiculo').each (function (e){
      Event.observe (e, 'click', function (e){
        var veiculo = Event.element (e).up ('span').getAttribute ('veiculo');
        if (!$('mostraFotos')) { criarTela ('mostraFotos', ''); }
        $$('.DGwindow .titulo span')[0].update ('<img src="'+localhost+'/layout/icon/foto.gif"  /> Fotos');
        $$('.DGwindow .DGconteudo')[0].update ('<p><img src="'+localhost+'/layout/loading.gif"  /><br  />Carregando...</p>');
        
        DGwindow.show ('mostraFotos');

setTimeout (function(){

        new Ajax.Updater ($$('.DGwindow .DGconteudo')[0], localhost+'/ajax/fotos/3',{
          parameters: { veiculo: veiculo },
          onComplete: function (){
              $$('.DGwindow .DGconteudo p.miniaturas img').each (function (e){
                Event.observe (e, 'click', function (e){
                  var elm = Event.element (e);
                  var imgAtual = $$('.DGwindow .DGconteudo p.atual img').first();
                  imgAtual.src = elm.src;
                });
              });
          }
        });

}, 500);


      });
    });
  }






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);
}