window.addEvent('domready', function(){
	// First Example
	var el = $('fontSize'),
		font = $('mainContent');

	//load the font-size cookie if it exists and change body font
	var start = Cookie.read('hochiFS') || '100';
	$('mainContent').setStyle('font-size', start + '%');
	$('font-label').set('text', start + '%');

	// Create the new slider instance
	new Slider(el, el.getElement('.knob'), {
		steps: 35,	// There are 35 steps
		range: [80,180],	// Minimum value is 8
		wheel: 1,
		snap: 1,
		onChange: function(size){
			// Everytime the value changes, we change the font of an element
			$('font-label').set('text', size);		//set the label
			Cookie.write('hochiFS',size,{path: '/',duration: '365'});			//set the cookie
			font.setStyle('font-size', size);
			$('mainContent').setStyle('font-size',size + '%'); //set the document font size
		}
	}).set(start,font.getStyle('font-size').toInt());
});