var dtr_classes = [];
var dtr_rules = [
								 {'selector':"#main-column H2", 'class_name':"dtr-h2"},
								 {'selector':"#main-column H3", 'class_name':"dtr-h3"},
								 {'selector':"#main-column H4", 'class_name':"dtr-h4"},

								 {'selector':"#left-column H1", 'class_name':"dtr-h1"},
								 {'selector':"#left-column H2", 'class_name':"dtr-h2col"},
								 {'selector':"#left-column H3", 'class_name':"dtr-h3col"},

								 {'selector':"#right-column H2", 'class_name':"dtr-h2col"},
								 {'selector':"#right-column H3", 'class_name':"dtr-h3col"},

								 {'selector':"#center-column H2", 'class_name':"dtr-h2col"},
								 {'selector':"#center-column H3", 'class_name':"dtr-h3col"},

								 {'selector':"#bottom_links H3", 'class_name':"dtr-h3bottom"}

								 ];

function dtr_replace(el, cl) {
		var image_url = '/dtr/'+cl.replace("dtr-", "")+'/?text='+encodeURI(el.getText()).replace("+", "%2b").replace("&", "%26");
		img = new Element("img", {'src':image_url, 'alt':el.getText(), 'class':'dtr'});
		el.setStyle("visibility", "hidden");
		el.replaceWith(img);
}

function _extract_dtr_classes() {
		var classes = [];
		var re = /.(dtr-\S+)\s+{/;
		for (var si=0; si<document.styleSheets.length; si++) {
				var stylesheet = document.styleSheets[si];
				for (var ri=0;ri<stylesheet.cssRules.length;ri++) {
						var rule = stylesheet.cssRules[ri];
						var m = rule.cssText.match(re);
						if (m)
								classes.push(m[1]);
				}
		}
		return classes;
}

window.addEvent("domready", function () {
				dtr_classes = _extract_dtr_classes();
				for (var i=0; i<dtr_classes.length; i++) {
						var cl = dtr_classes[i];
						$$("."+cl).each(function (el) { dtr_replace(el, cl); });
				}
				for (var i=0; i<dtr_rules.length; i++) {
						var rule = dtr_rules[i];
						$$(rule.selector).each(function(el) {dtr_replace(el, rule.class_name) });
				}
		});