var Osika = function() {
    var that = this;

    that.resultTemplate = jQuery('#resultTemplate').remove().html();

    that.handleData = function(data) {
		jQuery('#evaluate').val('Oceń');
		jQuery('#evaluate').removeAttr('disabled');
		if (data.error) {
            jQuery('#result').html('<div class="error">'+data.error+'</div>');
		}
		else {
			var html = Mustache.to_html(that.resultTemplate, data);
            jQuery('#result').html(html);
		}
    };

    that.getHand = function(hand) {
		jQuery('#evaluate').val('Czekaj...');
		jQuery('#evaluate').attr('disabled', 'disabled');
		jQuery.getJSON(
            'osika.php',
            {
				'h': hand,
				'f': 'json'
            },
			that.handleData
		);
		location.hash = hand;
    };

    that.init = function() {
		jQuery('#evaluate').unbind('click').click(function () {
            var hand = jQuery('#suit0').val()+'|'+jQuery('#suit1').val()+'|'+jQuery('#suit2').val()+'|'+jQuery('#suit3').val();
            that.getHand(hand);
            return false;
		});
		if (location.hash) {
            var hand = location.hash.substring(1).split('|');
            for (h = 0; h < hand.length; h++) {
				jQuery('#suit'+h).val(hand[h]);
            }
            that.getHand(location.hash.substring(1));
		}
		jQuery(window).on('hashchange', that.init);
    };
    that.init();
};

jQuery(document).ready(function () {
    var o = new Osika();
});