var dialogs = new Array();
$(document).ready(function() {
    createDialog();
    $('.dialogicon').bind('mouseenter', function(e){
        $(this).attr('src', '/images/dialogicon2.png');
    });
    $('.dialogicon').bind('mouseleave', function(e){
        $(this).attr('src', '/images/dialogicon.png');
    });
    $('.dialogclose').bind('mouseenter', function(e){
        $(this).attr('src', '/images/dialogclose2.png');
    });
    $('.dialogclose').bind('mouseleave', function(e){
        $(this).attr('src', '/images/dialogclose.png');
    });
    $('.dialogicon').bind('click', function(e){
        var scroll =  window.scrollY || document.body.scrollTop;
        var ht = window.innerHeight || document.body.clientHeight;
        var w = window.innerWidth || document.body.clientWidth;
        $('.dialog').css('top', scroll+(ht/2)-120).css('left', (w/2)-120);
        var name = $(this).attr('name');        
        $('.dialoghead span').replaceWith("<span>"+dialogs[name][0]+"</span>");
        $('.dialogbody').html("<span>"+dialogs[name][1]+"</span>");
        $('.dialog').show();
        $('.dialogbody').get(0).scrollTop=0;
    });
    $('.dialogclose').bind('click', function(e){
        $('.dialog').hide();
    });

    ajaxPOST('/dialog.php', '&action=getDialogs', DIALOG);
});

// our AJAX callback
function setDialogs(text) {
    var jsonContent = eval("(" + text + ")");
    // Just return if there is nothing to update
    if(jsonContent == null) return;

    for(var id in jsonContent) {
        dialogs = jsonContent;
    }
}

function createDialog() {
    $(document.body).append("<div class='dialog'><div class='dialoghead'><img src='/images/dialogclose.png' class='dialogclose'></img><span></span></div><div class='dialogbody'></div></div>");
}