$(function() {
  $('<img>').attr('src', $('#resultslist #kinds a img').eq(0).attr('src').replace(/^(.+)_on(\.[a-z]+)$/, '$1$2'))
            .attr('src', $('#resultslist #kinds a img').eq(1).attr('src').replace(/^(.+)(\.[a-z]+)$/, '$1_on$2'));
  $('#resultslist ul li.residence').hide();
  var index = 0;
  $('#resultslist #kinds a').click(function() {
    if (index == $(this).index()) { return false; }
    index = $(this).index();
    var className = index == 0 ? '.villa' : '.residence';
    $('#resultslist #kinds a img').each(function() {
      $(this).attr('src', $(this).attr('src').replace(/^(.+)_on(\.[a-z]+)$/, '$1$2'));
    });
    $(this).find('img').attr('src', $(this).find('img').attr('src').replace(/^(.+)(\.[a-z]+)$/, '$1_on$2'));
    $('#resultslist ul li').hide().parent('ul').find('li.' + className).fadeIn();
    return false;
  });
});