/* do it */
function setSize(size){
//            $('font-label').set('text','Font: ' + size);        //set the label
            Cookie.write('fontsize',size);          //set the cookie
            document.body.setStyle('font-size',size + 'px'); //set the document font size
        }    

window.addEvent('domready', function() {
     
    //load the font-size cookie if it exists and change body font
    var start = Cookie.read('fontsize') || 16;
    var fontSizeMin=12;
    var fontSizeMax=20;
    
    document.body.setStyle('font-size',start + 'px');
//    $('font-label').set('text','Font: ' + start);
     
    //create the slider
    var changed = 0;
    $('fSS_small').addEvent('click', function(e){
		  e.stop();
		  if (start>fontSizeMin) {setSize(--start)};
	  });
    $('fSS_reset').addEvent('click', function(e){
		  e.stop();
		  setSize(start=16);
	  });
    $('fSS_big').addEvent('click', function(e){
		  e.stop();
		  if (start<fontSizeMax) {setSize(++start)};
	  });
});