$(document).ready(function() {
  change_city_select = function(data) {
    district_html = "<option value=''></option>";
    $.each(data.districts, function(i,iten) {
      district_html += "<option value='"+ i + "'>"+ iten +"</option>";
    });
    $("#outdoor_district").html(district_html);
  }
  $('select[name="outdoor[city]"]').live("change", function () {
    array = window.document.URL.split('outdoor');
    $.getJSON(array[0]+'/outdoor/get_districts/' +  $("input#type").val()+ '/'+ $("select#outdoor_city").val(), change_city_select);
  });
  change_vicinity_select = function(data) {
    outdoors_html = "";
    
    $.each(data.outdoors, function(i,iten) {

   
      outdoors_html += '<div class="boxImage boxOutdoor">';
      outdoors_html += '<a class="pooorra" href="#"><img src="http://superlux.agenciamkt.com/uploads/webup/images/thumbs/'+iten+'" />';
      outdoors_html += '<input type="hidden" id="outdoor_large" value="http://superlux.agenciamkt.com/uploads/webup/images/'+iten+'" /></a>'+'<br>';
      outdoors_html += '</div>';
  
    });
   
    $("#showImagens").html(outdoors_html);
  }
  change_district_select = function(data) {
    vicinities_html = "";
    $.each(data.vicinities, function(i,iten) {
      vicinities_html += "<li>"+ "<a href='#' onClick='return false'><input type='hidden' value='"+ i + "' />"+iten +"</a></li>";
    });
    $("#outdoor_vicinity").html(vicinities_html);
  }
  $('select[name="outdoor[district]"]').live("change", function () {
    array = window.document.URL.split('outdoor');
    $("#showImagens").html('');
    $("#showImagens").hide();
    $.getJSON(array[0]+'/outdoor/get_vicinities/' +  $("input#type").val()+ '/'+ $("select#outdoor_district").val(), change_district_select);
  });
  $('#outdoor_vicinity a').live("click", function () {
    array = window.document.URL.split('outdoor');
    $("#showImagens").show();
    $.getJSON(array[0]+'/outdoor/get_outdoors/' + '/' +  $("input#type").val()+'/'+$(this).find('input').val() , change_vicinity_select);
  });

  $('.pooorra').live("click", function () {
    outdoor_large_html = '';
    outdoor_large_html += '<a id="close_lightbox">X FECHAR</a><br />';
    outdoor_large_html += '<img src="'+$(this).find('#outdoor_large').val()+'" />';
    $("#hiddenImagens").html(outdoor_large_html);
    $('.transparent_lightbox').show();
    $('#hiddenImagens').show();

  })

  $('.bisemana').live("click", function () {
    outdoor_large_html = '';
    outdoor_large_html += '<a id="close_lightbox">X FECHAR</a><br />';
    outdoor_large_html += '<img src="'+$(this).find('#outdoor_large').val()+'" />';
    $("#hiddenBisemana").html(outdoor_large_html);
    $('.transparent_bisemana').show();
    $('#hiddenBisemana').show();

  })

  $('#close_lightbox').live("click", function () {
    $('#hiddenImagens').hide();
    $('#hiddenBisemana').hide();
    $('.transparent_lightbox').hide();
    $('.transparent_bisemana').hide();
  })


  $('.transparent_lightbox').live("click", function () {
    $('#hiddenImagens').hide();   
    $('.transparent_lightbox').hide();
  })

   $('.transparent_bisemana').live("click", function () {
    $('#hiddenBisemana').hide();
    $('.transparent_bisemana').hide();
  })

});