/*
    If added to a page, the 'ballooning' page effect resizes all elements on the page specified using
    relative units on resize of the page.  This function will be called on the 'domready' and 'resize' window events.
*/
function wbxPageEffectBallooning(event, page)
{
    var newFontSize = wbxGetBrowserWidth()*0.09;

    document.getElementsByTagName("body")[0].style.fontSize = newFontSize+'%';

    // firefox does not process the resize properly, so reload if resize and firefox
    if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent))
    {
        if(event == 'resize')
        {
            window.location.reload();
        }

    }

}