window.addEvent('domready', function(){new SetFontSize();});

var SetFontSize = new Class({
	initialize : function() {
		var images = $('font').getElementsByTagName('A');
		for (var i = 0; i < images.length; i++) {
			$(images[i]).onclick = this.__setFont.bind(this, [$(images[i])]);
		}
	},

	__setFont : function(image) {
		this.__removeImageHighLight();
		this.__removeContentClass();
		this.__setImageHighLight(image);
		this.__setContentClass(image);
	},

	__removeImageHighLight : function() {
		var images = $('font').getElementsByTagName('IMG');
		for (var i = 0; i < images.length; i++) {
			images[i].className = '';
		}		
	},

	__setImageHighLight : function(image) {
		image.childNodes[0].className = 'selected';	
	},

	__removeContentClass : function() {
		var contentArea = $('content-main').getElementsByTagName('P');	
		for (var i = 0; i < contentArea.length; i++) {
			contentArea[i].className = '';
		}
	},

	__setContentClass : function(image) {
		var contentArea = $('content-main').getElementsByTagName('P');	
		for (var i = 0; i < contentArea.length; i++) {
			contentArea[i].className = image.childNodes[0].id;
		}		
	}
});