$(document).ready(function(){
  
  // let's make the links open in a new window, at the same time being nice and compliant:
  $('a[rel=external]').attr({'target':'_blank'});
  
  // now to the rest of the fun stuff:
  $('p#nojavascript').hide();
  //$('div.container').show();
  
  //$('#search').click(function(){
  $('#mform').submit(function(){
      var t = $(this);
      $('.loaderimg').remove();
      $('.nocity').remove();
      $('.res').remove();
      var cn = $.trim($('#cityname').val());
      if (cn == '') {
          //t.find('#search').after('<div class="nocity">you must enter a city!</div>');
          $('<div class="nocity">you must enter a city!</div>').hide().insertAfter(t.find('#search')).fadeIn('fast');
      }
      else {
          if (!/^.{2,}$/.test(cn)) {
              //t.find('#search').after('<div class="nocity">your must enter at least 2 characters!</div>');
              $('<div class="nocity">your must enter at least 2 characters!</div>').hide().insertAfter(t.find('#search')).fadeIn('fast');
          }
          else {
              t.after('<div class="loaderimg"><img src="/images/ajax-loader.gif" /></div>');
              $.post('/index.php/metar/searchcity', {'city':cn}, function(r){
                  $('.loaderimg').remove();
                  if (r == 0) {
                      //t.find('#search').after('<div class="nocity">No results found.</div>');
                      $('<div class="nocity">No results found.</div>').hide().insertAfter(t.find('#search')).fadeIn('fast');
                  }
                  else {
                      $('.res').remove();
                      //t.find('#search').after('<div class="res">' + r + '</div>');
                      $('<div class="res">' + r + '</div>').hide().insertAfter(t.find('#search')).fadeIn('fast');
                      $('#resultcities').change(function(){
                          $('.finalres').remove();
                          var resit = $(this);
                          $('.loaderimg').remove();
                          resit.after('<div class="loaderimg"><img src="/images/ajax-loader.gif" /></div>');
                          var icaoval = resit.attr('value');
                          $.post('/index.php/metar/geticao', {'icao':icaoval}, function(e){
                              $('.loaderimg').remove();
                              //resit.after('<div class="finalres">' + e + '</div>');
                              $('<div class="finalres">' + e + '</div>').hide().insertAfter(resit).fadeIn('fast');
                              
                          });
                          return false;
                      });
  
                  }
              });
          }
      }
      return false;
  });
 
});