FontSizeChanger = Class.create();
FontSizeChanger.prototype = {
	cookieManager : null,
	cookieName : 'cartGateFontSizeChanger',

	initialize : function() {
		this.cookieManager = new CookieManager();
		this.load();
	},
	load: function(){		
		var fontSize = this.cookieManager.getCookie(this.cookieName);
		if (fontSize) this.change(fontSize);
	},
	setCookieShelfLife : function(days) {
		this.cookieManager.cookieShelfLife = days;
	},
	change : function(fontSize) {

		var centerColmn = $$('.centerColumn');
		for (var i = 0;i<centerColmn.length; i++) {
			Element.setStyle(centerColmn[i], {
				'font-size' : fontSize
			});
		}
		this.cookieManager.setCookie(this.cookieName, fontSize);
	},
	reset : function() {
		this.change('10px');
		this.cookieManager.clearCookie(this.cookieName);
	}
};

var fontSizeChanger = new FontSizeChanger();
fontSizeChanger.setCookieShelfLife(30);

fontControler = function() {
	var id;
	if (this.id) {
		id = this.id;
	} else if (window.event && window.event.srcElement) {
		id = window.event.srcElement.id;
	}
	var sizeLabel = $F(id);
	switch (sizeLabel) {
		case 'large' :
			fontSize = '20px';
			break;
		case 'medium' :
			fontSize = '15px';
			break;
		case 'small' :
			fontSize = '10px';
			break;
	}
	fontSizeChanger.change(fontSize);
};

Event.observe(window, 'load', function() {
	fontSizeChanger.load();
	Event.observe($('fontSizeChanger'), 'change', fontControler);
})