Create custom alert window using jquery

See more:

Javascript

CSS

jQuery

HTML5

I have created a modal div with title bar, custom icons and z-index by using javascript. I am not using jquery ui modal.
I can display the modal div by calling a function

$(document).ready(function (){
   notify = function notify(mode, title, message, type) {
     createDialog(mode, title, message, type);
   }

   function createDialog(mode, title, message, type) {
      //code to create custom content
      appendDialog(customHtmlContent);
   }

    function appendDialog(content) {
        var body = $(document).find('body');
        $(body).append(content);
    }

   $(document).on('click','span#closeNotification',function(){
     //code to remove modal dialog
   });

   $(document).on('click','span#showNotification',function(){
     notify('mode','title','message','info');
     otherFunction();
   });
});

But the problem is that after showing the modal dialog i want to halt the javascript code execution. After the dialog is closed by the user continue and execute the further javascript code.

What I have tried:

I have not tried anything as yet to add this functionality