$(function($){
	$article__h2 = $('#article h2');
	$article__text = $('#article p, #article li, #article dt, #article dd');
	$article__h2.prepend('<span id="resizer"><span class="selected" id="resize-s" title="Small Text Size">A</span><span id="resize-m" title="Medium Text Size">A</span><span id="resize-l" title="Large Text Size">A</span></span>');
	$('#resize-s')
		.mouseover(function(){$(this).addClass('hover');})
		.click(function(){
			$article__h2.find('.selected').removeClass('selected');
			$article__text.addClass('size-s').removeClass('size-m').removeClass('size-l');
			$(this).addClass('selected');
		})
		.mouseout(function(){$(this).removeClass('hover');});
	$('#resize-m')
		.mouseover(function(){$(this).addClass('hover');})
		.click(function(){
			$article__h2.find('.selected').removeClass('selected');
			$article__text.removeClass('size-s').addClass('size-m').removeClass('size-l');
			$(this).addClass('selected');
		})
		.mouseout(function(){$(this).removeClass('hover');});
	$('#resize-l')
		.mouseover(function(){$(this).addClass('hover');})
		.click(function(){
			$article__h2.find('.selected').removeClass('selected');
			$article__text.removeClass('size-s').removeClass('size-m').addClass('size-l');
			$(this).addClass('selected');
		})
		.mouseout(function(){$(this).removeClass('hover');});
});