var server = 'http://' + window.location.hostname + ':' + window.location.port;

function request_words() {   

    $.ajax({url: server + '/words',

	    dataType: 'json',

	    success: callback});

}

function select(better, worse) {

    $.ajax({url: server + '/rate',

            dataType: 'json',

            data: 'bn=' + better[0] + '&br=' + better[1]

            + '&wn=' + worse[0] + '&wr=' + worse[1],

            success: callback});

}

function select_left() {

    select(new Array($.cookie('left-word'), $.cookie('left-rank')), 

           new Array($.cookie('right-word'), $.cookie('right-rank')));

}

function select_right() {

    select(new Array($.cookie('right-word'), $.cookie('right-rank')), 

           new Array($.cookie('left-word'), $.cookie('left-rank')));

}

function callback(data, status, xhr) {    

    $('#compare-left').text(data.words[0][0]);    

    $('#compare-right').text(data.words[1][0]); 

    if (data.words[2] && data.words[3]) {

        $('#result-left').text(data.words[2][0]);

        $('#result-left-rating').text(data.words[2][1]);

        $('#result-right').text(data.words[3][0]);     

        $('#result-right-rating').text(data.words[3][1]);

    }

    $.cookie('left-word', data.words[0][0]);

    $.cookie('left-rank', data.words[0][1]);

    $.cookie('right-word', data.words[1][0]);

    $.cookie('right-rank', data.words[1][1]);

}

$(document).ready (

    function() {

        request_words();

    }

);

$(document).keypress (

    function(event) {

	if (event.which == 13) {

	    event.preventDefault();

	}

    }

);