Fx.Font = new Class({
	initialize: function(elements, sid, gid, growsize){
		
		this.growsize = (growsize) ? growsize : 2;
		this.fontSize = null;
		this.elements = [];
		this.sizers = [];
		this.currentSize = 0;
		this.currentSizer = null;
		this.nElem = 0;
		this.type = "{type}";
 		elements.each(function(el){
			var currentSize = el.getStyle("font-size").toInt();
			this.elements.push([el,currentSize]);
			if(Cookie.get != null){
				var size = Cookie.get('fontSize');
				if ( size ) {
					var newsize = (currentSize+size.toInt());
					el.setStyle('font-size', newsize+'px');
				}
			}else{
				this.switchSize(this.getSizer(this.sizers[0]));
			}
		},this);
		
		
	},
	
	switchSize: function(ob){
		
		if ( this.currentSizer != null ) {
			this.currentSizer.setStyle('color','#00009b');
		}
		$(ob.elem).setStyle('color','#fc9933');
		this.currentSizer = $(ob.elem);
		
		var newFontSize = ob.growsize;
		this.elements.each(function(el){
			var currentFontSize = el[0].getStyle("font-size").toInt();
			el[0].effect("font-size",{duration:10,unit:"px"}).custom(currentFontSize,el[1]+newFontSize);
			
		},this);
		Cookie.set('fontSize', newFontSize, 1);
		Cookie.set('currentElem', ob.elem, 1);
		Cookie.set('currentGrowSize', ob.growsize, 1);
		
	},

	addSizer: function(elem, growsize){
		var o = {elem:elem, growsize:growsize};
		this.sizers.push(o);
		$(elem).onclick = function(){this.switchSize(o)}.bind(this);
		this.nElem++;
	},
	
	getSizer: function(name) {
		for(var i = 0; i < this.sizers.length; i++){
			if(this.sizers[i].elem == name) {
				return this.sizers[i];
			}
		}
	}
	
	
	
});


var myFont = new Fx.Font($$("#centre",".couleur",".seniorcite_couleur"));
myFont.addSizer("grow_1", 0);
myFont.addSizer("grow_2", 2);
myFont.addSizer("grow_3", 4);
myFont.addSizer("grow_4", 6);

if (Cookie.get('currentElem')) {
	var currentElem = Cookie.get('currentElem');
	var currentGrowSize = Cookie.get('currentGrowSize');
	myFont.switchSize({elem:currentElem, growsize:currentGrowSize.toInt()});
}else{
	
	
	
	myFont.switchSize(myFont.getSizer(myFont.sizers[0].elem));
}

/*$("grow_1").addEvent('click',function(e){				  
	loadAjax(myFont.growsize,"grow_1");
});
$("grow_2").addEvent('click',function(e){
	loadAjax(myFont.growsize,"grow_2");
});
$("grow_3").addEvent('click',function(e){
	loadAjax(myFont.growsize,"grow_3");
});*/