var busy_img = new Image(200, 50);
busy_img.src = "/img/busy.gif";


$(document).ready(function(){
     
  /* Kleiner Hack, damit beim Back-Button das Richtige passiert
   */  
  
  var is_loading = false;
  $(window).unload(function() {
    is_loading = false;
  });

  var setVisible = function() {
    if(!is_loading){
      $('#content div:first').removeClass('busy');

    }
    setTimeout( setVisible, 500 );   
  };
  setVisible();
  
  /* Ende Hack */
  
  $('#suche_start #search_button').click(function(event){
    event.preventDefault();


    $(this).closest('form').disabled = true;    
    $('#content div:first')
        .addClass('busy');
    $(this).closest('form').submit();        
    
    // mit dankenden Gruessen an Microsoft
    busy_img.src = busy_img.src; 

    is_loading = true;

  });
  
  $('.dateInput').datepicker();

  
  
  function createReiheAlter(index_kind){
    var row = $('<div class="formRow formRowSelect"><div class="label"><label for="i5">Kind 1</label></div><div class="fields"><select id="i5" class="selectInput" name="alter_kind_x"><option>Bitte ausw&auml;hlen</option><option value="1">1 Jahr</option><option value="2">2 Jahre</option><option value="3">3 Jahre</option><option value="4">4 Jahre</option><option value="5">5 Jahre</option><option value="6">6 Jahre</option><option value="7">7 Jahre</option><option value="8">8 Jahre</option><option value="9">9 Jahre</option><option value="10">10 Jahre</option><option value="11">11 Jahre</option><option value="12">12 Jahre</option><option value="13">13 Jahre</option><option value="14">14 Jahre</option><option value="15">15 Jahre</option><option value="16">16 Jahre</option><option value="17">17 Jahre</option></select></div><div class="messages"></div></div>');
    row.find('label').attr('id', 'id_alter_kind_' + index_kind)
                     .html('Kind ' + index_kind);
    row.find('select[name="alter_kind_x"]').attr('name', 'tx_buenoiportal_pi1[alter_kinder][]');
    return row;
     
  }
    
  function isNumeric(input){
    var exp = /^-{0,1}\d*\.{0,1}\d+$/;
    return (exp.test(input));
  }

  function adjustAltersBox(alter_div, neue_anzahl) {

    if(neue_anzahl == '0' || !isNumeric(neue_anzahl)) {
      target = alter_div.children();
      target.remove(); 
      target.hide('slow', function(){ alter_div.parent.hide(); });
    }
    
    var current_anzahl = alter_div.children().size();
    if(current_anzahl < neue_anzahl) {
      alter_div.show();      
      var index;
      for(index = current_anzahl; index <= (neue_anzahl); index++){
        alter_div.append(createReiheAlter(index + 1));        
      };
      alter_div.children().show('slow');

    }

    if(alter_div.children().size() > neue_anzahl) {
      var target = alter_div.children(':gt(' + (neue_anzahl - 1) +  ')');
      target.hide('slow', function(){ target.remove(); });
    }    
    
  };
  
  $('.anzahlKinder').change(function(event){

    var suchmaske = $(this).closest('.minisuchmaskePagelet');
      suchmaske.find('.kinderalter').show();
    var alter_div = suchmaske.find('.kinderalter .wrapRows');

    
    if(!alter_div.size()) {
      alter_div = $('<div></div>').addClass('alter');
    }
    
    suchmaske.find('.kinder').append(alter_div);
    adjustAltersBox(alter_div, $(this).val());
  });  
  
  $('.saveChildren input').click(function(event){
      event.preventDefault();
      $(this).closest('.kinderalter').hide('slow');
  });

  $('.anfrage-details').click(function(event){
    $('.ausstattungDropdown').toggle('slow');
  });
  
  $('#suche_start_anreise').change(function() {
    var abreisetag = $('#suche_start_abreise').datepicker( "getDate" );
    var anreisetag = $('#suche_start_anreise').datepicker( "getDate" );
    
    var newabreisetag = new Date( $('#suche_start_anreise').datepicker("getDate") );
    
    $('#suche_start_abreise').datepicker("setDate", newabreisetag);   
  });    
  
  
});