(function scopeJQuery() {
   //this local variable overrides prototype's $ function, so that you don't have to $%#@! use jQuery instead of $,
   // but can still use prototype in other contexts.
   var $ = jQuery;
   var zoomInFactor = 1.2;
   var zoomOutFactor = 0.8;
   var currentSize;
   var baseSize;
   var jBody;

   $(document).ready(setupZoomer);

   function setupZoomer() {
      jBody = $('body');
      baseSize = getStyleValue(jBody.get(0),'font-size', NOUNIT);


      $('.textzoom_in').click(function () {
         currentSize = getStyleValue(jBody.get(0),'font-size', NOUNIT);
         jBody.css({fontSize: currentSize * zoomInFactor });
         return false;
      });
      $('.textzoom_out').click(function () {
         currentSize = getStyleValue(jBody.get(0),'font-size', NOUNIT);
         jBody.css({fontSize: currentSize * zoomOutFactor });
         return false;
      });
      $('.textzoom_reset').click(function () {
         jBody.css({fontSize: baseSize });
         return false;
      })
   }
})();
