/*
 * 	Simple JavaScript Library
 *  (c) 2007 Simple Adaptation
 *  
 *  Author: Michael Duff, Simple Adaptation
 *  FontSizeChanger.js, version .8.2
 *
/*-------------------------------------------------------------------*/

var FontSizeChanger = new Class({
						 
	initialize: function(el, options) {
		
		this.options = Object.extend({
            increaseText:               'Increase Font Size',
			decreaseText:					'Decrease Font Size',
			increaseClass:               'font-increase',
			decreaseClass:				'font-decrease',
			label:						'Font Size:',
			remeber:				false /*not implimented*/
			
        }, options || {});
		
		this.el = $(el);
		
		this._buildChanger();
		
		this._setChanger();
		
	},
	
	_increase: function(event, el) {
		$E('html').setStyle('font-size','120%');
		$('increase_span').setStyle('display', 'block');
		$('increase_a').setStyle('display', 'none');
		
		$('decrease_span').setStyle('display', 'none');
		$('decrease_a').setStyle('display', 'block');
	},
	
	_decrease: function(event, el) {
		$E('html').setStyle('font-size','100%');
		$('increase_span').setStyle('display', 'none');
		$('increase_a').setStyle('display', 'block');
		
		$('decrease_span').setStyle('display', 'block');
		$('decrease_a').setStyle('display', 'none');
	},
	
	_setChanger: function() {
		var el = this.el;
		$('decrease_a').addEvent('click', this._decrease.bindWithEvent(this, el));
		$('decrease_a').setStyle('display', 'none');
		
		$('increase_a').addEvent('click', this._increase.bindWithEvent(this, el));
		$('increase_span').setStyle('display', 'none');
	},
	
	_buildChanger: function() {
		var el = this.el;
		
		var lab = new Element('b').appendText(this.options.label).injectInside(el);
		
		var decrease_a = new Element('a').appendText(this.options.decreaseText).injectInside(el);
		var decrease_span = new Element('span').appendText(this.options.decreaseText).injectInside(el);


		var increase_a = new Element('a').appendText(this.options.increaseText).injectInside(el);
		var increase_span = new Element('span').appendText(this.options.increaseText).injectInside(el);
				
		increase_a.setProperties({
			title: this.options.increaseText,
			href: 'javascript:void(0);',
			'class': this.options.increaseClass,
			id: 'increase_a'
		});
		
		increase_span.setProperties({
			'class': this.options.increaseClass,
			id: 'increase_span'
		});
		
		decrease_a.setProperties({
			title: this.options.decreaseText,
			href: 'javascript:void(0);',
			'class': this.options.decreaseClass,
			id: 'decrease_a'
		});
		
		decrease_span.setProperties({
			'class': this.options.decreaseClass,
			id: 'decrease_span'
		});
		
	},
	
	blank: function() {} /* just so as I add more i dont have to do commas */					 

});