window.addEvent('domready', function(){
	

	
	$('big-font').addEvent('click', function(){
		
		if( $(document.body).get('class') == 'normal' )
		{
			$(document.body).set('class', 'font110');
			Cookie.write('FontSize', 'font110', {path: '/'});
		}
		else if( $(document.body).get('class') == 'font110' )
		{
			$(document.body).set('class', 'font120');
			Cookie.write('FontSize', 'font120', {path: '/'});
		}
		else if( $(document.body).get('class') == 'invert' )
		{
			$(document.body).set('class', 'font110');
			Cookie.write('FontSize', 'font110', {path: '/'});
		}
		
	});

	$('small-font').addEvent('click', function(){

		if( $(document.body).get('class') == 'font120' )
		{
			$(document.body).set('class', 'font110');
			Cookie.write('FontSize', 'font110', {path: '/'});
		}
		else if( $(document.body).get('class') == 'font110' )
		{
			$(document.body).set('class', 'normal');
			Cookie.write('FontSize', 'normal', {path: '/'});
		}
		else if( $(document.body).get('class') == 'invert' )
		{
			$(document.body).set('class', 'normal');
			Cookie.write('FontSize', 'normal', {path: '/'});
		}
	});
	

	
	
	$('invert').addEvent('click', function(){

		if( $(document.body).get('class') != 'invert' )
		{
			$(document.body).set('class', 'invert');
			Cookie.write('FontSize', 'invert', {path: '/'});
		}else
		{
			$(document.body).set('class', 'normal');
			Cookie.write('FontSize', 'normal', {path: '/'});
		}
	

	});

});