function play(){
  $('#spinner').show();

  $('#q1 a.save').click(function(){
    $('a.save').unbind('click');
    var winner = $('#q1 .name').text();
    var loser = $('#q2 .name').text();
    $('#q1').effect('highlight', {color: '#ffff33'}, 500);
    save(winner, loser);
  });

  $('#q2 a.save').click(function(){
    $('a.save').unbind('click');
    var winner = $('#q2 .name').text();
    var loser = $('#q1 .name').text();
    $('#q2').effect('highlight', {color: '#ffff33'}, 500);
    save(winner, loser);
  });

  $.getJSON('http://moly.hu/api/jsonp_two_random_best_books?callback=?', function(data){
    $.each(data, function(index, item){
      $('#q' + (index + 1) + ' .shelf img').attr('src', item[3]).show();
      $('#q' + (index + 1) + ' .name').html(item[1]);
      $('#q' + (index + 1) + ' a.follow').attr('href', 'http://moly.hu/konyvek/' + item[2]);
    });
    $('#spinner').hide();
  });
}

function save(winner, loser){
  $('#spinner').show();
  $.ajax({
    url: '/save',
    data: {
      winner: winner,
      loser: loser
    },
    type: 'post',
    dataType: 'json',
    success: function(data) {
      $('#last_winner').html('Utolsó párbajhősöd: <strong>' + data[0] + '</strong> (' + data[1] + ':' + data[2] + '|' + data[3] + ')').show();
      $('#spinner').hide();
      play();
    }
  });
}

$(function(){
  play();

  $('#new').click(function(){
    $('#q1 .shelf img').hide();
    $('#q2 .shelf img').hide();
    play();
  });
});