jQuery(document).ready(function() {

    // Wizard example
    $('.next').click(function(){
      var nextId = $(this).parents('.tab-pane').next().attr("id");
      $('[href=#'+nextId+']').tab('show');
      return false;
      
    });

    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
      
      //update progress
      var step = $(e.target).data('step');
      var percent = (parseInt(step) / 5) * 100;
      
      $('.wizard-container .progress-bar').css({width: percent + '%'});
      $('.wizard-container .progress-bar').text("Step " + step + " of 5");
      
      //e.relatedTarget // previous tab
      
    });

    $('.first').click(function(){

      $('#myWizard a:first').tab('show')

    });

});