function fontsize(val) {

	// Alle Fontsize-Icons auf "normale" css-Klasse zuruecksetzen
    var ls = $$('a.icon');
    if (ls) {
		for(var i=0; i<ls.length; i++) {
		    var old_class = ls[i].getAttribute('class');
		    if (old_class) {
				ls[i].setAttribute('class', old_class.replace(/active_fontsize/,''));
		    }
		}
    }
 
 	// Cookie mit gewaehlter Fontgroesse setzen
    document.cookie = "fontsize=" + val;
    
    // var body = document.getElementsByTagName('body')[0];
    var bd = $(document.body);
    var spaced = $$('.spaced');
    
    // CSS-Eigenschaften manipulieren
    switch(val) {
    	default:
		case 'normal' :
			bd.setStyle('fontSize', '13px');   
			spaced.setStyle('letter-spacing','0.05em');		
    		break;
		case 'medium' :
			bd.setStyle('fontSize', '14px');    		
			spaced.setStyle('letter-spacing','0.0em');		
    		break;
		case 'large' :
			bd.setStyle('fontSize', '15px');    		
			spaced.setStyle('letter-spacing','0.0em');		
    		break;
    }

	// Gewaehltes Fontsize-Icon mit Aktiv-CSS-Klasse ausstatten
    var link_id = "link_" + val.replace(/\./, '') + '_font';
    $(link_id).setAttribute('class', $(link_id).getAttribute('class') + ' active_fontsize');
}
 

window.addEvent("domready", function() {
	var fontval = '';
	if (document.cookie) {
	    var fs = document.cookie.match(/fontsize=(normal|medium|large)/);
	    if (fs) {
			fontval = fs[0].replace(/fontsize=/,"");
			fontsize(fontval);
			return;
	    }
	} 
	fontsize('normal');
});