DialogId = 'DialogAvMap';
DialogTypes = ['info','warning','error','help'];

PreviousScroll = 0;

$(document).ready(function(){
    dialog = $('<div></div>').attr('id',DialogId);
    dialog.css('z-index',100);
    
    d_title = $('<h3 class="title"></h3>');
    d_content = $('<div class="content"></div>');
    d_close = $('<div class="close"></div>');
    d_top = $('<div class="top"></div>');
    d_bottom = $('<div class="bottom"></div>');

    container = $('<div class="container"></div>');
    
    container.append(d_title);
    container.append(d_content);
    container.append(d_close);

    dialog.append(container);

    dialog.addClass('info_dialog');

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

    dialog.hide();

});

function showInfoDialog(title,body,type){
    dialog = $('#'+DialogId);

    $('#'+DialogId+' > .container > .title').html(title);
    $('#'+DialogId+' > .container > .content').html(body);

    for(i in DialogTypes){
        t = DialogTypes[i];
        tclass = 'Dialog' +t;
        typeclass = 'Dialog'+type;

        if(type!=t)
            dialog.removeClass(tclass);
        else if(dialog.hasClass(typeclass))
            dialog.addClass(typeclass);
    }

    $('#'+DialogId+' > .container > .close').click(hideInfoDialog);

    A = $('html').scrollTop();
    B = $('body').scrollTop();
    PreviousScroll = Math.max(A,B);
   
    $('html, body').animate({scrollTop:0}, 'slow', function(){
       $('#'+DialogId).fadeIn();
    });
}


function hideInfoDialog(){
    $('#'+DialogId).fadeOut('fast',function(){
         $('html, body').animate({scrollTop:PreviousScroll }, 'fast');
        $(this).children('.title').html('');
        $(this).children('.content').html('');

    });
}