(function($, MC){

    $(document).ready(function() {

        var dialog = [
            '<div class="modal fade" id="mc-help-dialog">',
              '<div class="modal-dialog modal-lg">',
                '<div class="modal-content">',
                  '<div class="modal-header">',
                    '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>',
                    '<h4 class="modal-title">Bantuan</h4>',
                  '</div>',
                  '<div class="modal-body">',
                    '<p>One fine body&hellip;</p>',
                  '</div>',
                '</div>',
              '</div>',
            '</div>'
        ];

        $('body').append(dialog.join(''));
    });

    $(document).on('click', '#mc-helper', function(e){
        e.preventDefault();
        var menu_code = $(this).data('menu-code');

        $('#mc-help-dialog > .modal-dialog > .modal-content > .modal-body').load(MC.baseUrl+'system/help/'+menu_code);
        $('#mc-help-dialog').modal('show');
	});

})(jQuery, MC);