document.observe('dom:loaded', function() {
  $('message_link').observe('click', showNewMessage);
});

function showNewMessage(event){
  event.stop(); // prevent link form going to #
  Lightview.show({
    href: 'users/160/messages/new?vehicle_id=136',
    rel: 'ajax',
    options: {
      width: 480,
      height: 520,
      topclose: true,
      ajax: {
        method: 'get',
        onComplete: function() {
          $('new_message').observe('submit', submitNewMessage);
        }
      }
    }
  });
}

function submitNewMessage(event){
  event.stop(); // prevent link form going to #
  Lightview.show({
    href: 'users/160/messages',
    rel: 'ajax',
    options: {
      width: 480,
      height: 560,
      topclose: true,
      ajax: {
        method: 'post',
        parameters: Form.serialize('new_message'), // the parameters from the form
        onComplete: function(transport) {
          if(transport.responseText == 'ok'){
            Lightview.show({ 
              href: '#message_ok', 
              rel: 'inline',
              options: {
                width: 300,
                height: 40
              }
            });
          }else{
            $('new_message').observe('submit', submitNewMessage);
          }
        }
      }
    }
  });
}