/*	Assemble the text to be inserted into the font resize area to replace the link	*/
var engFontResize = 'Change Text Size<br />';
engFontResize += '<span id="font-resize-links"><a href="#" title="Small Font" onclick="changeTextSize(\'70%\'); return false;" class="ts-small">S</a>&nbsp;&nbsp;';
engFontResize += '<a href="#" title="Medium Font" onclick="changeTextSize(\'80%\'); return false;" class="ts-medium">M</a>&nbsp;&nbsp;';
engFontResize += '<a href="#" title="Large Font" onclick="changeTextSize(\'90%\'); return false;" class="ts-large">L</a>&nbsp;&nbsp;';
engFontResize += '<a href="#" title="Extra Large Font" onclick="changeTextSize(\'100%\');return false;" class="ts-xlarge">XL</a></span>';




//	Replaces the content of the <li> that links to the page with help on changing the browse setting with the actual change font size tool
function replaceFontResizeTool() {
	if (document.createElement && document.getElementById && document.getElementById('font-resize-tool')) {
		
			document.getElementById('font-resize-tool').innerHTML = engFontResize;
		
	}
}

//	This changes the font size
function changeTextSize(size) {
	document.body.style.fontSize = size;
	var tempAdjustValue = 8000/(parseFloat(size)) + "%";
	//	Now, need to re-adjust the size of the elements within the tool to reflect their actual size.
	document.getElementById('font-resize-links').style.fontSize = tempAdjustValue;

}