// author: Bas Wenneker		website: http://www.solutoire.com
// Fx.Font is MIT-Licensed

Fx.Font = new Class({
	initialize: function(elements, sid, gid, growsize){
		this.growsize = growsize || 2; 
		this.elements = [];
		
		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:300,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);		
	}						
});

var textareaSizer = {
	init: function(){
		//options
		tbResizeAmount = 50;				//amount each button press will resize by
		tbResizeDuration = 700;				//how long each resize takes
		tbResizeTransition = Fx.Transitions.Expo.easeOut; //the transition :P
		tbMinSize = 75; 					//always leave a min size or it looks strange
		tbMaxSize = 400;					//set to 0 for no maximum
		tbDescription = 'textbox size: ';	//text to display next to the buttons
		tbSkipClass = 'nogrow';				//a class defined on textareas that you do NOT want to resize
		
		//make new arrays of elements
		tbEffects = [];
		tbGrowers = [];
		tbShrinkers = [];
		
		//select each textarea without the class to skip
		$$('textarea').each(function(el,i){
			if (!el.hasClass(tbSkipClass)){
				textareaSizer.makeButtons(el,i);
			}					 					 
		});
	},
	makeButtons: function(textbox,i){
		//create the elements
		wrapper = new Element('div').addClass('tbSizeChanger').setStyle('width',textbox.getStyle('width')).injectAfter(textbox);
		tbGrowers[i] = new Element('a').setStyles({'float':'right','display':'block'}).setProperty('href','#').addClass('tbLarger').injectInside(wrapper).setHTML('+');
		tbShrinkers[i] = new Element('a').setStyles({'float':'right','display':'block'}).setProperty('href','#').addClass('tbSmaller').injectInside(wrapper).setHTML('-');
		new Element('div').addClass('tbSizeText').setHTML(tbDescription).setStyle('float','right').injectInside(wrapper);
		new Element('div').setStyle('clear','both').injectInside(wrapper);
		//create new effect
		tbEffects[i] = new Fx.Style(textbox, 'height', {duration: tbResizeDuration ,transition: tbResizeTransition});
		//add click events
		tbGrowers[i].addEvent('click', function(ev){
			new Event(ev).stop();
			toSize = textbox.getStyle('height').toInt()+tbResizeAmount;
			if(toSize >= tbMaxSize && tbMaxSize !=0){
				tbEffects[i].start(tbMaxSize);
			}else{
				tbEffects[i].start(toSize);
			}
		});
		tbShrinkers[i].addEvent('click', function(ev){
			new Event(ev).stop();
			toSize = textbox.getStyle('height').toInt()-tbResizeAmount;
			if(toSize <= tbMinSize){
				tbEffects[i].start(tbMinSize);
			}else{
				tbEffects[i].start(toSize);
			}
		});
	}
};


window.addEvent('domready', textareaSizer.init.bind(textareaSizer));