// Font Size Changing Code

// initializations for changing font size
mainFontSize = new Array("100%","120%","140%"); // percentages of the initial font size
mainLineHeight = new Array("125%","120%","115%") // percentages of the font size to make the line height, 120% of 12px = 15px
fontSizeImageID = new Array("nav_a", "nav_aa", "nav_aaa");
fontSizeImagesActive = new Array("images/aR.gif", "images/aaR.gif", "images/aaaR.gif");
fontSizeImagesOff = new Array("images/aOff.gif", "images/aaOff.gif", "images/aaaOff.gif");
fontSizeImagesOn = new Array("images/aOn.gif", "images/aaOn.gif", "images/aaaOn.gif");
//mainFontID = "maintext";


currentFontSize = 0; // of 0, 1, or 2 where they are the three font selection graphics in order

// preload all the font size images
for (i=0; i < fontSizeImagesActive.length; i++) {
    var preload = new Image();
    preload.src = fontSizeImagesActive[i];
    preload.src = fontSizeImagesOff[i];
    preload.src = fontSizeImagesActive[i];
}


function aacChgFtSz(size, divID, imageIDsuffix) {
	//alert(document.getElementById('maintext').style.lineHeight)
	// get rid of the rectangle from clicking
	if(document[(fontSizeImageID[size] + imageIDsuffix)].blur) document[(fontSizeImageID[size] + imageIDsuffix)].blur();
	// change the font size
	changeFontSize(divID, mainFontSize[size]);
	// change the line height
	changeLineHeight(divID, mainLineHeight[size]);
	// clear all the active images
	document.getElementById(fontSizeImageID[0] + imageIDsuffix).src = fontSizeImagesOff[0];
	document.getElementById(fontSizeImageID[1] + imageIDsuffix).src = fontSizeImagesOff[1];
	document.getElementById(fontSizeImageID[2] + imageIDsuffix).src = fontSizeImagesOff[2];	
	// set the new active image
	document.getElementById(fontSizeImageID[size] + imageIDsuffix).src = fontSizeImagesActive[size];
	// save the current active font size for rollovers
	currentFontSize = size;
	// refresh the scroll bar
	Scroller.updateAll(divID);
}
	

function changeFontSize(id, size) {
	// size must include either "%" or " px"
	document.getElementById(id).style.fontSize = size;
}

function changeLineHeight(id, size) {
	// size must include either "%" or " px"
	document.getElementById(id).style.lineHeight = size;
}
	

function fontImageOver(size, imageIDsuffix) {
	document.getElementById(fontSizeImageID[size] + imageIDsuffix).src = fontSizeImagesOn[size];
}

function fontImageOut(size, imageIDsuffix) {
	if (currentFontSize == size) {
		document.getElementById(fontSizeImageID[size] + imageIDsuffix).src = fontSizeImagesActive[size];
	} else {
		document.getElementById(fontSizeImageID[size]+ imageIDsuffix).src = fontSizeImagesOff[size];
	}	
}