window.addEvent( 'domready' , function() { 
    
    var fontSizeElement = $( 'contentbg' );
    var resetBodyFontSize = fontSizeElement.getStyle( 'font-size' ).replace( 'px', '' ).toFloat();
    var currentFontSize = resetBodyFontSize;

  

    var smaller = $( 'smaller' );
    smaller.addEvent( 'click', function() {
        setFontSize( currentFontSize - 1 );
    });

    var reset = $( 'reset' );
    reset.addEvent( 'click', function() {
        setFontSize( resetBodyFontSize );
    });

    var bigger = $( 'bigger' );
    bigger.addEvent( 'click', function() {
        setFontSize( currentFontSize + 1 );
    });
    
    var setFontSize = function( newSize ) {
        currentFontSize = newSize;
        fontSizeElement.setStyle( 'font-size', currentFontSize + 'px' );
    }

});