$(document).ready(function(){
	font_url = "http://www.jerrybrown.org/sites/all/themes/brown/fonts/replacement.php?";

	replace_items = [
		{
			selector: "#block-menu-primary-links ul li a", 
			url: font_url + "font=TradeGothicLTStd-BdCn20.otf&size=18&color=66635a&bgcolor=ffffff&case=lower",
			hover_url: font_url + "font=TradeGothicLTStd-BdCn20.otf&size=18&color=ff0000&bgcolor=ffffff&case=lower"			
		}
	];
	doReplacement();


});

function doReplacement() {
	for (i in replace_items) {
		$(replace_items[i].selector).each(function() {
			var tokens = $(this).text().split(' ');
			$(this).empty();
			for (k in tokens) {
				var url = replace_items[i].url + "&text=" + escape(tokens[k]+' ');
				$("<img />").addClass('replacement').attr('alt', tokens[k]).attr('src', url).appendTo($(this)); 
				// .load(function() {})
			}
			if (replace_items[i].hover_url) {
				for (l in tokens) {
					var url = replace_items[i].hover_url + "&text=" + escape(tokens[l]+' ');
					$("<img />").addClass('replacement_hover').attr('alt', tokens[l]).attr('src', url).appendTo($(this)); 				
				}
			}			
		});
	}

}