$(document).ready(function(){
  $("#house_county").autocomplete("/admin/houses/suggest",
    {
      extraParams: { type: 'county' }
    });
  $("#house_city").autocomplete("/admin/houses/suggest",
    {
      extraParams: { type: 'city' }
    });
  $("#house_neighborhood").autocomplete("/admin/houses/suggest",
    {
      extraParams: { type: 'neighborhood' }
    });
  
  if ($('#map_canvas')[0] && GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map_canvas"));
    var ll  = new GLatLng.fromUrlValue($('#geocode')[0].value)
    map.setCenter(ll, 13);
    map.addOverlay(new GMarker(ll));
    map.setUIToDefault();
    map.disableScrollWheelZoom();
  }
  
  if ($("#photos")[0]) {
    $("#photos").sortable({ 
      handle : '.handle', 
      update : function () { 
        var order = $('#photos').sortable('serialize'); 
        jQuery.post("/admin/houses/" + $('#photo-id')[0].value + "/sort_photos", order);
      } 
    }); 
  }
  
  if($('#banners a').length > 1)
    setInterval( "switchBanners()", 10000 );
  
  if($('#slideshow img').length > 1)
    setInterval( "switchSlides()", 4000 );
  
  if($('#project-house-slides img').length > 1)
    setInterval( "switchProjectSlides()", 6000 );
});

// http://jonraasch.com/blog/a-simple-jquery-slideshow
function switchImages(id) {
  var $active = $('#' + id + ' img.active');
  if ( $active.length == 0 ) $active = $('#' + id + ' img:last');
  var $next = $active.next().length ? $active.next() : $('#' + id + ' img:first');
  
  $active.addClass('last-active');
  
  $next.css({opacity: 0.0})
    .addClass('active')
    .animate({opacity: 1.0}, 1000, function() {
       $active.removeClass('active last-active');
    });
}

function switchBanners() {
  switchImages('banners');
}

function switchSlides() {
  switchImages('slideshow');
}

function switchProjectSlides() {
  switchImages('project-house-slides');
}

function add_features_lines(num){
  for (var i = 0; i < num; i++) {
    $("#custom_features_list").append('<li><input type="text" class="text" name="house[custom_features][]" id="house[custom_features][]"/></li>');
  }
}

function add_photos_lines(num){
  for (var i = 0; i < num; i++) {
    $("#add_photos").append('<li><input type="file" class="file" name="house[new_photos][]" id="house[new_photos][]"/></li>');
  }
}

function change_photo(url){
  $("#full-photo")[0].src = url;
}