var minSize = 9;
var maxSize = 24;
setUpFont();

function setUpFont(){
	//create adjustment box
	var adjustmentControls = document.createElement('div');
	adjustmentControls.id = "font-adjust";
	adjustmentControls.style.position = "absolute";
	adjustmentControls.style.top = "0px";
	adjustmentControls.style.right = "0px";
	adjustmentControls.style.opacity = "0.70";
	adjustmentControls.style.zIndex = "100";
	adjustmentControls.style.width = "70px";
	//adjustmentControls.style.height = "25px";
	adjustmentControls.style.padding = "10px";
	adjustmentControls.style.margin = "10px";
	adjustmentControls.style.marginTop = "221px";
	adjustmentControls.style.backgroundColor = "#FFFFFF";
	adjustmentControls.style.border = "#BBBBBB solid 1px";
	
	//create decrease font box
	var makeSmaller = document.createElement('a');
	makeSmaller.innerHTML = "Aa";
	makeSmaller.href = "";
	var smallersize = "12px";
	makeSmaller.style.fontSize = smallersize;
	makeSmaller.style.lineHeight = smallersize;
	makeSmaller.style.height = smallersize;
	makeSmaller.style.width = smallersize;
	makeSmaller.style.padding = "3px";
	makeSmaller.style.marginRight = "10px";
	makeSmaller.style.float = "left";
	makeSmaller.style.border = "1px solid #777777";
	makeSmaller.style.textDecoration = "none";
	makeSmaller.style.fontWeight = "bold";
	makeSmaller.style.color = "black";
	makeSmaller.onclick = adjustFontDown;
	adjustmentControls.appendChild(makeSmaller);
	
	//create increase font box
	var makeBigger = document.createElement('a');
	makeBigger.innerHTML = "Aa";
	makeBigger.href = "";
	var biggerersize = "24px";
	makeBigger.style.fontSize = biggerersize;
	makeBigger.style.lineHeight = biggerersize;
	makeBigger.style.height = biggerersize;
	makeBigger.style.width = biggerersize;
	makeBigger.style.padding = "3px";
	makeBigger.style.marginRight = "10px";
	makeBigger.style.float = "left";
	makeBigger.style.border = "1px solid #777777";
	makeBigger.style.textDecoration = "none";
	makeBigger.style.fontWeight = "bold";
	makeBigger.style.color = "black";
	makeBigger.onclick = adjustFontUp;
	adjustmentControls.appendChild(makeBigger);
	
	//create caption
	var caption = document.createElement('span');
	caption.innerHTML = "Adjust Font Size";
	caption.style.color = "black";
	caption.style.display = "block";
	caption.style.clear = "both";
	caption.style.paddingTop = "10px";
	caption.style.textAlign = "center";
	adjustmentControls.appendChild(caption);
	
	document.body.appendChild(adjustmentControls);
	window.onscroll = function(){
		document.getElementById('font-adjust') ? document.getElementById('font-adjust').style.top = getPageScrollY() + "px" : window.onscroll = "";
		}
}
function getPageScrollY(){
	return (document.documentElement.scrollTop ?
			document.documentElement.scrollTop :
			document.body.scrollTop)	
}
function adjustFontUp(){
	var p = document.getElementsByTagName('p');
	for(i=0;i<p.length;i++){
		var s = (p[i].style.fontSize ? parseInt(p[i].style.fontSize.replace("px","")) : 14);
		
		if(s<maxSize){ s += 5;
			p[i].style.fontSize = s+"px";
			p[i].style.lineHeight = (s+5)+"px";
		}
	}
	var li = document.getElementsByTagName('li');
	for(i=0;i<li.length;i++){
		var s = (li[i].style.fontSize ? parseInt(li[i].style.fontSize.replace("px","")) : 14);
		
		if(s<maxSize){ s += 5;
			li[i].style.fontSize = s+"px";
			li[i].style.lineHeight = (s+5)+"px";
		}
	}
	var td = document.getElementsByTagName('td');
	for(i=0;i<td.length;i++){
		var s = (td[i].style.fontSize ? parseInt(td[i].style.fontSize.replace("px","")) : 14);
		
		if(s<maxSize){ s += 5;
			td[i].style.fontSize = s+"px";
			td[i].style.lineHeight = (s+5)+"px";
		}
	}
	return false;
}

function adjustFontDown(){
	var p = document.getElementsByTagName('p');
	for(i=0;i<p.length;i++){
		var s = (p[i].style.fontSize ? parseInt(p[i].style.fontSize.replace("px","")) : 14);
		
		if(s>minSize){ s -= 5;
			p[i].style.fontSize = s+"px";
			p[i].style.lineHeight = (s+5)+"px";
		}
	}
	var li = document.getElementsByTagName('li');
	for(i=0;i<li.length;i++){
		var s = (li[i].style.fontSize ? parseInt(li[i].style.fontSize.replace("px","")) : 14);
		
		if(s>minSize){ s -= 5;
			li[i].style.fontSize = s+"px";
			li[i].style.lineHeight = (s+5)+"px";
		}
	}
	var td = document.getElementsByTagName('td');
	for(i=0;i<td.length;i++){
		var s = (td[i].style.fontSize ? parseInt(td[i].style.fontSize.replace("px","")) : 14);
		
		if(s>minSize){ s -= 5;
			td[i].style.fontSize = s+"px";
			td[i].style.lineHeight = (s+5)+"px";
		}
	}
	return false;
}