$(document).ready(function($) {
  
  function closePopin() {
    $('.popin').removeClass('active');
  }
  
  $('ul.tabs').tabs('div.panes > div', {
    onClick: function() {
      closePopin();
      $('.cbox').attr("checked", false);
      $('#order').val('');
    }
  });
  
  $(".details").bind('click', function(e) {
    e.preventDefault();
    
    var h = $(this).next().html();
    $('.popin .inner').html(h).addClass('active');
    $('.popin').addClass('active');
    
    $('.popin .close').bind('click', function() {
      closePopin();
    });
  });
  
  $('.cbox').click(function(){
    var markCompleted = function () {
      var ids = new Array();
      $(':checked').each(function(){
        ids.push(this.id);
      });
      str = ids.toString();
      $('#order').val(str);
    }
    markCompleted();
  });

});