var currentSizeP = '100%';
var currentSizeH1 = '160%';
var currentSizeH2 = '140%';
var currentSizeH3 = '100%';

function increaseFontSize () {
	var arr = new Array();
	var content = document.getElementById('target');
	// for p tags
	arr = content.getElementsByTagName("p"); 
	var whenComplete = currentSizeP;
	for(var i=0; i < arr.length; i++) { 
		if (currentSizeP == '100%') { 
			arr[i].style.fontSize = '120%'; 
			arr[i].style.lineHeight = '24px'; 
			whenComplete = '120%'; 
		}
		if (currentSizeP == '120%') { 
			arr[i].style.fontSize = '140%'; 
			arr[i].style.lineHeight = '28px'; 
			whenComplete = '140%'; 
		}
		if (currentSizeP == '140%') { 
			arr[i].style.fontSize = '100%'; 
			arr[i].style.lineHeight = '20px'; 
			whenComplete = '100%'; 
		}
	}
	currentSizeP = whenComplete;
	// for h1
	arr = content.getElementsByTagName("h1"); 
	var whenComplete = currentSizeH1;
	for(var i=0; i < arr.length; i++) { 
		if (currentSizeH1 == '160%') { 
			arr[i].style.fontSize = '180%'; 
			whenComplete = '180%'; 
		}
		if (currentSizeH1 == '180%') { 
			arr[i].style.fontSize = '200%'; 
			whenComplete = '200%'; 
		}
		if (currentSizeH1 == '200%') { 
			arr[i].style.fontSize = '160%'; 
			whenComplete = '160%'; 
		}
	}
	currentSizeH1 = whenComplete;
	// for h2
	arr = content.getElementsByTagName("h2"); 
	var whenComplete = currentSizeH2;
	for(var i=0; i < arr.length; i++) { 
		if (currentSizeH2 == '140%') { 
			arr[i].style.fontSize = '160%'; 
			whenComplete = '160%'; 
		}
		if (currentSizeH2 == '160%') { 
			arr[i].style.fontSize = '180%'; 
			whenComplete = '180%'; 
		}
		if (currentSizeH2 == '180%') { 
			arr[i].style.fontSize = '140%'; 
			whenComplete = '140%'; 
		}
	}
	currentSizeH2 = whenComplete;
	// for h3 tags
	arr = content.getElementsByTagName("h3"); 
	var whenComplete = currentSizeH3;
	for(var i=0; i < arr.length; i++) { 
		if (currentSizeH3 == '100%') { 
			arr[i].style.fontSize = '120%'; 
			whenComplete = '120%'; 
		}
		if (currentSizeH3 == '120%') { 
			arr[i].style.fontSize = '140%'; 
			whenComplete = '140%'; 
		}
		if (currentSizeH3 == '140%') { 
			arr[i].style.fontSize = '100%'; 
			whenComplete = '100%'; 
		}
	}
	currentSizeH3 = whenComplete;
}

function setFontSize (size) {
	currentSizeP = size;
	var arr = new Array(); 
	var content = document.getElementById('target');
	// for p tags
	arr = content.getElementsByTagName("p"); 
	var whenComplete = currentSizeP;
	for(var i=0; i < arr.length; i++) { 
		if (size == '100%') { 
			arr[i].style.fontSize = size; 
			arr[i].style.lineHeight = '20px'; 
			whenComplete = '100%'; 
		}
		if (size == '120%') { 
			arr[i].style.fontSize = size; 
			arr[i].style.lineHeight = '24px'; 
			whenComplete = '120%'; 
		}
		if (size == '140%') { 
			arr[i].style.fontSize = size; 
			arr[i].style.lineHeight = '28px'; 
			whenComplete = '140%'; 
		}
	}
	currentSizeP = whenComplete;
	// for h1 tags
	arr = content.getElementsByTagName("h1"); 
	var whenComplete = currentSizeH1;
	for(var i=0; i < arr.length; i++) { 
		if (size == '100%') { 
			arr[i].style.fontSize = '160%'; 
			whenComplete = '160%'; 
		}
		if (size == '120%') { 
			arr[i].style.fontSize = '180%'; 
			whenComplete = '180%'; 
		}
		if (size == '140%') { 
			arr[i].style.fontSize = '200%'; 
			whenComplete = '200%'; 
		}
	}
	currentSizeH1 = whenComplete;
	// for h2 tags
	arr = content.getElementsByTagName("h2"); 
	var whenComplete = currentSizeH2;
	for(var i=0; i < arr.length; i++) { 
		if (size == '100%') { 
			arr[i].style.fontSize = '140%'; 
			whenComplete = '140%'; 
		}
		if (size == '120%') { 
			arr[i].style.fontSize = '160%'; 
			whenComplete = '160%'; 
		}
		if (size == '140%') { 
			arr[i].style.fontSize = '180%'; 
			whenComplete = '180%'; 
		}
	}
	currentSizeH2 = whenComplete;
	// for h3 tags
	arr = content.getElementsByTagName("h3"); 
	var whenComplete = currentSizeH3;
	for(var i=0; i < arr.length; i++) { 
		if (size == '100%') { 
			arr[i].style.fontSize = size; 
			whenComplete = '100%'; 
		}
		if (size == '120%') { 
			arr[i].style.fontSize = size; 
			whenComplete = '120%'; 
		}
		if (size == '140%') { 
			arr[i].style.fontSize = size; 
			whenComplete = '140%'; 
		}
	}
	currentSizeH3 = whenComplete;
}