$(document).on('click','#remove_todo', function() {
  $('#todo').remove();
  $.post("start.cgi", { ajax: "1", remove_todo: "1" });
});

$(document).on('click','#remove_todo_incomplete', function() {
  c = confirm("Are you sure you want to remove the to do list?");
  if (c == false)
    return false;
  $('#todo').remove();
  $.post("start.cgi", { ajax: "1", remove_todo: "1" });
});

$(document).on('click','.todo_checkbox', function () {
  step = $(this).attr('id');
  
  if (!$(this).is(':checked')) {
    $(this).closest('tr').removeClass('done').addClass('not_done');
    done = 0;
  } else {
    $(this).closest('tr').removeClass('not_done').addClass('done');
    done = 1;
  }
  
  show_hide_todo_done_block();
  
  $.ajax({
    async: true,
    data: "ajax=1&todo_click=1&step="+step+"&done="+done,
    url: "start.cgi"
  });
  
});

function show_hide_todo_done_block() {
  if ($('.todo_checkbox:checked').length == 5) 
    $('#todo_done_block').css({display:'block'});
  else
    $('#todo_done_block').css({display:'none'});
}
 
$( function () {
  show_hide_todo_done_block();
});