// JavaScript Document kindly written by Bas Wenneker over at http://www.solutoire.com

Fx.Font = new Class({
	initialize: function(elements, sid, gid, growsize){
		this.growsize = growsize || 6; 
		this.elements = [];
		this.participateColor = $('resize').effect('margin-left',{duration: 1000});
		
		var currentSize;
 		elements.each(function(el){
			currentSize = el.getStyle('font-size').toInt();
			if(Cookie.get != null && (size = Cookie.get('fontSize')) && size == 'large'){
				el.setStyle('font-size',currentSize+this.growsize+'px');
			}
			this.elements.push([el,currentSize]);									   
		},this);
		
		$(gid).onclick = function(){this.grow()}.bind(this);
		$(sid).onclick = function(){this.shrink()}.bind(this);
	},
	grow: function(){
		this.elements.each(function(el){
			if(el[0].getStyle('font-size').toInt() == el[1])
				el[0].effect('font-size',{duration:500,unit:'px'}).custom(el[1],el[1]+this.growsize);	
				
		},this);
		Cookie.set('fontSize','large',1);
	},
	shrink: function(){
		this.elements.each(function(el){
			if(el[0].getStyle('font-size').toInt() == el[1]+this.growsize)
				el[0].effect('font-size',{duration:300,unit:'px'}).custom(el[1]+this.growsize, el[1]);
		},this);
		Cookie.set('fontSize','small',1);		
	}						
});