// Debug

SCOTT.CSC.Core.prototype.ShowError = function(message, stackTrace)
{
    var __app = this;
    var html;
    
    if ($('#Error').size() === 0)
    {
        html = '<div id="Error"><span></span><div class="Close"><span>close</span></div></div>';
        $('body').append(html);
        $('#Error .Close').
            css('font-weight', 'bold').
            css('cursor', 'pointer').
            click(function()
            {
                $('#Error').fadeOut(250, function()
                {
                    __app.HideMask();
                });
            });
    }
    
    $('#Error').hide().
        css('background', '#d00').
        css('width', '80%').
        css('padding', '5px').
        children('span:first').
        css('color', '#fff').
        css('font-weight', 'bold').
        css('font-size', '1.5em').
        html(message + '<br /><br />' + stackTrace);
    
    this.ShowMask();
    this.CenterElement('#Error');
    
    $('#Error').
        css("z-index", "100").
        fadeIn(250, function()
        {
            setTimeout(function() 
            {
                $('#Error').fadeOut(250, function()
                {
                    setTimeout(function()
                    {
                        $('#Error').css('background', '#f00').
                            children('span:first').
                            css('color', '#fff').
                            parent().
                            fadeIn(250);
                    }, 500);
                });
            }, 100);
        });
};