$(document).ready(function(){

  

  $("select#id_t_country").change(function(){
    if ( $(this).val() ) {
        var ac = $("#id_custom_city2")[0].autocompleter;
        ac.setExtraParams( { country: $("select#id_t_country").val() } );
        ac.flushCache();
        $("#id_custom_city2").val('');
        $('#id_custom_city2').hide();

        $("select#id_t_region").html('<option value="" selected="selected">...loading</option>');
        $("select#id_t_city").html('<option value="" selected="selected">...loading</option>');
        $.getJSON("/" + lang + "/catalog/tqs_ajax_both/",{id: $(this).val(), ajax: 'true', lang: lang}, function(j){
          var options = '<option value="" selected="selected">---------</option>';
          for (var i = 0; i < j[0].length; i++) {
            options += '<option value="' + j[0][i].optionValue + '">' + j[0][i].optionDisplay + '</option>';
          }
          $("select#id_t_region").html(options);
          
          var options = '<option value="" selected="selected">---------</option>';
          for (var i = 0; i < j[1].length; i++) {
            options += '<option value="' + j[1][i].optionValue + '">' + j[1][i].optionDisplay + '</option>';
          }
          options += '<option value="-1">'+other+'</option>';
          $("select#id_t_city").html(options);          
          
        });
    
    }
  })
  

  $("select#id_t_region").change(function(){
    if ( $(this).val() ) {
        var ac = $("#id_custom_city2")[0].autocompleter;
        ac.setExtraParams( { 
            country: $("select#id_t_country").val(),
            region: $("select#id_t_region").val()
         } );
        ac.flushCache();
    
        $("select#id_t_city").html('<option value="" selected="selected">...loading</option>');
        $.getJSON("/" + lang + "/catalog/tqs_get_cities/",{id: $(this).val(), ajax: 'true', lang: lang}, function(j){
          var options = '<option value="" selected="selected">---------</option>';
          for (var i = 0; i < j.length; i++) {
            options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
          }
          options += '<option value="-1">'+other+'</option>';
          $("select#id_t_city").html(options);
        })
    } else {
        var ac = $("#id_custom_city2")[0].autocompleter;
        ac.setExtraParams( { 
            country: $("select#id_t_country").val()
         } );
        ac.flushCache();    
    }
  })

 
  $("select#id_t_city").change(function(){
    if ( $(this).val() ) {      
        if($(this).val() ==-1){
            $('#id_custom_city2').val('');
            $('#id_custom_city2').show();
            $('#id_custom_city2').focus();
        } else {
            $('#id_custom_city2').hide();
        }
        $.getJSON("/" + lang + "/catalog/get_region/",{id: $(this).val(), ajax: 'true'}, function(j){
            $('select#id_t_region').val(j.region);
        });
        
        load_districts($(this).val());
        
    }
  });  


  $("select#id_district").change(function(){
    if ( $(this).val() ) {      
        if($(this).val() ==-1){
            $('input#id_user_district').val('');
            $('#id_user_district').show();
            $('#id_user_district').parent().parent().show();
            $('#id_user_district').focus();
        } else {
            $('#id_user_district').hide();
        }
       
    }
  }); 

  
  var options_count = $("select#id_district option").size();
  if (options_count == 2) {
    $("select#id_district").parent().parent().hide();
    $('input#id_user_district').parent().parent().show();
    $('input#id_user_district').val('');
    $('input#id_user_district').show();  
  } else if (options_count == 0) {
    $("select#id_district").parent().parent().hide();
    $('#id_user_district').parent().parent().hide();
  } else {
    $('#id_user_district').parent().parent().hide();
  }


});