function showEventBubble(pnlday, bubbleid, json)
{
    var bubble = $(bubbleid);
    if (!bubble) return;
    
    var data = eval(json);
    
    if (data.length <= 0)
    {
        bubble.style.display = 'none';
        return;
    }
    
    Element.extend(pnlday);
    
    var position = pnlday.cumulativeOffset();
    var posX = position.left - 46 + pnlday.getWidth();
    var posY = position.top + pnlday.getHeight() - 6;
    
    // show content
    var contents = bubble.select('[class="content"]').toArray();
    if (contents.length > 0)
    {
        var content = contents[0];
        
        var html = "";
        for (var ii=0; ii < data.length; ii++)
        {
            html += '<span class="subject">' + data[ii].Subject + "</span><br/>";
            html += '<span class="description">' + data[ii].Description + "</span>";
            
            if (ii < data.length - 1)
                html += '<div class="divider"></div>';
        }
        
        content.innerHTML = html;
    }
    
    bubble.style.display = '';
    bubble.style.position = 'absolute';
    bubble.style.left = posX + 'px';
    bubble.style.top = posY + 'px';
}

