function showDialog(task, message, editTaskBaseUrl, imageUrl){
    if(task.taskType != null && task.title != null){
        var taskMesage = '<i>' + task.taskType.name + '</i>: '+ task.title;
    }else if(task.taskType == null && task.title != null){
        var taskMesage = task.title;
    }else if(task.taskType != null && task.title == null){
        var taskMesage = '<i>' + task.taskType.name + '</i>';
    }

    var $dialog = $('<div></div>')
    .dialog({
        autoOpen: false,
        title: '',
        minHeight: 50,
        width: 300,
        position: ['right', $topSpace],
        dialogClass: 'taskDialog',
        show: {effect: 'slide', direction: 'right'},
        hide: {effect: 'slide', direction: 'right'},
        open: function(){
            $topSpace += $dialog.closest('.ui-dialog').height() + 10;
            setTimeout(function(){
                $dialog.dialog("close");
            }, 7000);
        },
        close: function(ev, ui) {
            $topSpace -= $dialog.closest('.ui-dialog').height() + 10;
            $(this).remove();
        }
    });

    $dialog.html('<div style=\'float:left;width:10%;\'><img src="' +imageUrl+ '" style=\'padding-top:45%;\'/></div><div style=\'float:right; width:90%;\'><i>'
            + task.currentTaskVersion.updateUser + '</i> ' + message + '<a href=' + editTaskBaseUrl + '?taskId=' + task.id + '>' + taskMesage + '</a></div>')
            .dialog('open');
}