function init() {
    var iBase = TextResizeDetector.addEventListener(onFontResize, null);

    //set initial stylesheet
    DetermineStyleSheet(TextResizeDetector.getSize());
}

function onFontResize(e, args) {
    DetermineStyleSheet(args[0].iSize);
}

function DetermineStyleSheet(size) {
    //determine which stylesheet to use
    if (size <= 16) {
        TextResizeDetector.stopDetector();
        //Use TextSize0
        changeStyle('TextSize0');
        TextResizeDetector.setCurrSize(TextResizeDetector.getSize());
        TextResizeDetector.startDetector();
    }
    else if (size == 17) {
        TextResizeDetector.stopDetector();
        //Use TextSize1
        changeStyle('TextSize1');
        TextResizeDetector.setCurrSize(TextResizeDetector.getSize());
        TextResizeDetector.startDetector();
    }
    else if (size >= 19) {
        TextResizeDetector.stopDetector();
        //Use TextSize2
        changeStyle('TextSize2');
        TextResizeDetector.setCurrSize(TextResizeDetector.getSize());
        TextResizeDetector.startDetector();
    }
}

function changeStyle(title) {
    var lnks = document.getElementsByTagName('link');
    for (var i = lnks.length - 1; i >= 0; i--) {
        if (lnks[i].getAttribute('rel').indexOf('style') > -1 && lnks[i].getAttribute('title')) {
            lnks[i].disabled = true;

            if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;
        }
    }
}

//id of element to check for and insert control
TextResizeDetector.TARGET_ELEMENT_ID = 'header';
//function to call once TextResizeDetector has init'd
TextResizeDetector.USER_INIT_FUNC = init;