function titleFont(div) {
	$(function() {
		var output = "";
		var input = $("#" + div).text();
		var alphabet = new Array("A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z");
		var isBlank = false;
		
		for (i = 0; i < input.length; i++) {
			isBlank = false;
		
			//lowercase letters
			letter = input.substr(i, 1);
			
			//if character is a space
			if (input.substr(i, 1) == " " && input.substr(i + 1, 1) != " " && input.substr(i - 1, 1) != " ") {
				img = '<div class="title-space"></div>';
			}
			
			//special characters
			else if (letter == "&") { img = '<div class="title-font amp"></div>'; }
			else if (letter == "'") { img = '<div class="title-font apo"></div>'; }
			else if (letter == '"') { img = '<div class="title-font quo"></div>'; }
			else if (letter == ",") { img = '<div class="title-font com"></div>'; }
			else if (letter == ".") { img = '<div class="title-font per"></div>'; }
			else if (letter == "!") { img = '<div class="title-font exc"></div>'; }
			else if (letter == "@") { img = '<div class="title-font at"></div>'; }
			else if (letter == "-") { img = '<div class="title-font dash"></div>'; }
			else if (letter == "=") { img = '<div class="title-font eq"></div>'; }
			else if (letter == "+") { img = '<div class="title-font pl"></div>'; }
			else if (letter == "(") { img = '<div class="title-font lbr"></div>'; }
			else if (letter == ")") { img = '<div class="title-font rbr"></div>'; }
			else if (letter == "*") { img = '<div class="title-font ast"></div>'; }
			else if (letter == "/") { img = '<div class="title-font slash"></div>'; }
			else if (letter == "?") { img = '<div class="title-font que"></div>'; }
			else if (letter == "1") { img = '<div class="title-font one"></div>'; }
			else if (letter == "2") { img = '<div class="title-font two"></div>'; }
			else if (letter == "3") { img = '<div class="title-font three"></div>'; }
			else if (letter == "4") { img = '<div class="title-font four"></div>'; }
			else if (letter == "5") { img = '<div class="title-font five"></div>'; }
			else if (letter == "6") { img = '<div class="title-font six"></div>'; }
			else if (letter == "7") { img = '<div class="title-font seven"></div>'; }
			else if (letter == "8") { img = '<div class="title-font eight"></div>'; }
			else if (letter == "9") { img = '<div class="title-font nine"></div>'; }
			else if (letter == "0") { img = '<div class="title-font zero"></div>'; }
			
			//capital letters
			else { 
				for (t = 0; t < alphabet.length; t++) {
					if (letter == alphabet[t]) 
						letter = "cap-" + letter;
				}
				img = '<div class="title-font ' + letter.toLowerCase() + '"></div>'
			}
			if (isBlank == false)
				output = output + img;
		}
		document.getElementById(div).innerHTML = output;
		jQuery('#' + div + ' div').ifixpng();
	});
}

function subTitleFont(div) {
	$(function() {
		var output = "";
		var input = $("#" + div).text();
		var alphabet = new Array("A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z");
		var isBlank = false;
		
		for (i = 0; i < input.length; i++) {
			isBlank = false;
		
			//lowercase letters
			letter = input.substr(i, 1);
			
			//if character is a space
			if (input.substr(i, 1) == " " && input.substr(i + 1, 1) != " " && input.substr(i - 1, 1) != " ") {
				img = '<div class="subtitle-space"></div>';
			}
			
			//special characters
			else if (letter == "&") { img = '<div class="subtitle-font amp"></div>'; }
			else if (letter == "'") { img = '<div class="subtitle-font apo"></div>'; }
			else if (letter == '"') { img = '<div class="subtitle-font quo"></div>'; }
			else if (letter == ",") { img = '<div class="subtitle-font com"></div>'; }
			else if (letter == ".") { img = '<div class="subtitle-font per"></div>'; }
			else if (letter == "!") { img = '<div class="subtitle-font exc"></div>'; }
			else if (letter == "@") { img = '<div class="subtitle-font at"></div>'; }
			else if (letter == "-") { img = '<div class="subtitle-font dash"></div>'; }
			else if (letter == "=") { img = '<div class="subtitle-font eq"></div>'; }
			else if (letter == "+") { img = '<div class="subtitle-font pl"></div>'; }
			else if (letter == "(") { img = '<div class="subtitle-font lbr"></div>'; }
			else if (letter == ")") { img = '<div class="subtitle-font rbr"></div>'; }
			else if (letter == "*") { img = '<div class="subtitle-font ast"></div>'; }
			else if (letter == "/") { img = '<div class="subtitle-font slash"></div>'; }
			else if (letter == "?") { img = '<div class="subtitle-font que"></div>'; }
			else if (letter == "1") { img = '<div class="subtitle-font one"></div>'; }
			else if (letter == "2") { img = '<div class="subtitle-font two"></div>'; }
			else if (letter == "3") { img = '<div class="subtitle-font three"></div>'; }
			else if (letter == "4") { img = '<div class="subtitle-font four"></div>'; }
			else if (letter == "5") { img = '<div class="subtitle-font five"></div>'; }
			else if (letter == "6") { img = '<div class="subtitle-font six"></div>'; }
			else if (letter == "7") { img = '<div class="subtitle-font seven"></div>'; }
			else if (letter == "8") { img = '<div class="subtitle-font eight"></div>'; }
			else if (letter == "9") { img = '<div class="subtitle-font nine"></div>'; }
			else if (letter == "0") { img = '<div class="subtitle-font zero"></div>'; }
			
			//capital letters
			else { 
				for (t = 0; t < alphabet.length; t++) {
					if (letter == alphabet[t]) 
						letter = "cap-" + letter;
				}
				img = '<div class="subtitle-font ' + letter.toLowerCase() + '"></div>'
			}
			if (isBlank == false)
				output = output + img;
		}
		document.getElementById(div).innerHTML = output;
		jQuery('#' + div + ' div').ifixpng();
	});
}