Hello guys i'm having a problem appending a image to my html markup which is generated when a button is clicked... wondering if i could some dirction

__--------------------------SCRIPT-----------------------------------------------------------

   (function($){

$.confirm = function(params){

    if($('#confirmOverlay').length){
        // A confirm is already shown on the page:
        return false;
    }

    var buttonHTML = '';
    $.each(params.buttons,function(name,obj){

        // Generating the markup for the buttons:

        buttonHTML += '<a href="#" class="button '+obj['class']+'">'+name+'<span></span></a>';

        if(!obj.action){
            obj.action = function(){};
        }
    });

    var closetext= 'close';
    var markup = [
        '<div id="confirmOverlay">',

        '<div id ="model">','<div id="confirmBox">',
        '<div id="header">','<div id ="title">',params.title,'</div>',
        '<div id="close">','<ol id = "olclose">','<li id = "liclose">','<a id="close" href = "#">',closetext,'</a></li>',
        '<li id = "liclose">','<a id="close" href = "#">','<img src="../modal-close.gif"/>','</a></li>','</ol></div></div>',
        '<div id ="textbox">','<p>',params.message,'<br>','<br>'
        ,buttonHTML,'</p>',
        '</div>',

        '</div></div></div></div>'
    ].join('');

    $(markup).hide().appendTo('body').fadeIn();

    var buttons = $('#confirmBox .button'),
        i = 0;

    $.each(params.buttons,function(name,obj){
        buttons.eq(i++).click(function(){

            // Calling the action attribute when a
            // click occurs, and hiding the confirm.

            obj.action();
            $.confirm.hide();
            return false;
        });
    });
}

$.confirm.hide = function(){
    $('#confirmOverlay').fadeOut(function(){
        $(this).remove();
    });
}

   })(jQuery);

i've used firebug to check and its unable to fetch the image here