$(document).ready(function () {
	var insert_accessibility = '<li class="font-resize"> \
	<div id="font-resize-container"> \
	<ul id="font-size-list"> \
	<li><a title="Switch to Normal text" href="#" id="font-small" class="font-css-swap"><span class="hide-content"> \
	Normal text</span>[A]</a></li> \
	<li><a title="Switch to Larger text" href="#" id="font-medium" class="font-css-swap"><span class="hide-content"> \
	Larger text</span>[A]</a></li> \
	<li><a title="Switch to Largest text" href="#" id="font-large" class="font-css-swap textresizer-active"><span class="hide-content"> \
	Largest text</span>[A]</a></li> \
	</ul> \
	<ul id="accessibility-styles-list"> \
	<li id="normal-style"><a title="Switch to Normal Style Sheet" href="#" id="main" class="main-css-swap"><span class="normal-style"><span class="hide-content">Normal Style Sheet</span>A</span></a></li> \
	<li id="dyslexia-style"><a title="Switch to Dyslexia Style Sheet" href="#" id="dyslexia" class="main-css-swap textresizer-active"><span class="dyslexic-style"><span class="hide-content">Dyslexic Style Sheet</span>A</span></a></li> \
	<li id="high-visibility-style"><a title="Switch to High Visibility Style Sheet" href="#" id="high-vis" class="main-css-swap"><span class="high-vis-style"><span class="hide-content">High Visibility Style Sheet</span>A</span></a></li> \
	</ul> \
    </div></li>';
  if ($('#nav_member').length) { 
	$('#nav_member ul:first').append(insert_accessibility);
	}
  else { $('#nav_user ul:first').append(insert_accessibility); }
  
  $('#font-size-list li a').textresizer({
		target: 'body',
		type: 'cssClass',
		sizes: [ 
			'normal-text', 
			'large-text', 
			'largest-text'
			],
			selectedIndex: 1
	});
		
	$('#accessibility-styles-list li a').textresizer({
		target: 'body',
		type: 'cssClass',
		sizes: [ 
			'normal-text', 
			'dsylexia-text', 
			'highvis-text'
			],
			selectedIndex: 1
		});
		
	});