function wbox_click() {
  var count_tag = $(this).find(".count");
  var count = parseInt(count_tag.html());
  count = count + 1;
  count_tag.html(count);

  waction_list_refresh();
  return false;
}

function wbox_hover_on() {
  $(this).find(".hover-hint").css({opacity: 0}).show().fadeTo('fast', 0.9);
}

function wbox_hover_off() {
  $(this).find(".hover-hint").fadeOut('fast');
}

function wtable_row_click() {
  var nr = parseInt($(this).find(".params .id").html());
  var elem = $(".waction-box").eq(nr).find(".params .count");
  var count = parseInt(elem.html());
  count = count - 1;
  elem.html(count);

  waction_list_refresh();
  return false;
}

function wbarrel_update(sum) {
  var barrel_nr = Math.round(sum * (14 / 250))
  if (barrel_nr > 14) {
    barrel_nr = 14;
  }
  var barrel_str = barrel_nr.toString();
  if (barrel_str.length==1) {
    barrel_str = '0' + barrel_str;
  }
  $(".waction-barrel").css('backgroundImage', 'url("graphics/water/barrel_'+barrel_str+'.jpg")');
}

function waction_list_refresh() {
  var boxes = $(".waction-box");
  var html = "";
  var sum = 0;
  boxes.each(function(index, box){
    var id = $(box).find(".params .id").html();
    var count = $(box).find(".params .count").html();
    var water = $(box).find(".params .water").html();
    var description = $(box).find(".params .description").html();

    var row = "<div class='wtable-row'>"+count+" x "+water+" litrů: "+description+"<div class='params'><div class='id'>"+id+"</div></div></div>";
    if (parseInt(count)>0) {
      sum = sum + parseInt(count) * parseFloat(water);
      html = html + row;
    }
  });

  $(".waction-list").html(html);
  $(".wtable-row").click(wtable_row_click);
  $(".waction-sum").html(sum);
  $("input#pocet_litru").attr('value', sum);

  wbarrel_update(sum);
}

$(document).ready(function() {

  $(".waction-box").click(wbox_click).hover(wbox_hover_on, wbox_hover_off).css({cursor: 'hand'});
  // for spam
  $("input#prazdne_policko").attr('value', '');
  $("input#plne_policko").attr('value', 'df54fdg6');

});