/************************************************************



*************************************************************/


window.addEvent('domready', function(){
	var sizeAdd=2;
	var startPx='12px';
	var scopeElement='content';
	
	var firstChangeText=false;
	//alert($(scopeElement).getStyle('font-size'));
	//alert((parseInt($(scopeElement).getStyle('font-size').substr(0,$(scopeElement).getStyle('height').length-2))+2)+'px');							 
	var fontFx=new Fx.Styles(scopeElement,{duration: 200, transition: Fx.Transitions.Sine.easeInOut});
	$ES('.fontSmaller').setStyle('cursor','pointer');
	$ES('.fontSmaller').addEvent('click', function(){
		setFontSize();										   
		from=$(scopeElement).getStyle('font-size');
		to=(parseInt($(scopeElement).getStyle('font-size').substr(0,$(scopeElement).getStyle('height').length-2))-sizeAdd)+'px';										   
		fontFx.start({
					 'font-size':[from,to]
					 });

	});
	
	
	$ES('.fontBigger').setStyle('cursor','pointer');
	$ES('.fontBigger').addEvent('click', function(){
		setFontSize();										  
		from=$(scopeElement).getStyle('font-size');
		to=(parseInt($(scopeElement).getStyle('font-size').substr(0,$(scopeElement).getStyle('height').length-2))+sizeAdd)+'px';
		fontFx.start({
					 'font-size':[from,to]
					 });
		
	});
	
	
	function setFontSize(){
		if(window.ie && !firstChangeText){
			$(scopeElement).setStyle('font-size', startPx);
			firstChangeText=true;
		}
				
	}

												   

});