var dtr_classes = [];
var dtr_rules = [
								 {'selector':"#content .news H1", 'class_name':"dtr-news-title"},
								 {'selector':"#content H2.new_title", 'class_name':"dtr-content-subtitle-new"},
								 {'selector':"#content H1", 'class_name':"dtr-content-title"},
								 {'selector':"#content H2", 'class_name':"dtr-content-subtitle"},
								 {'selector':"#content .news H3", 'class_name':"dtr-news-title"},
								 {'selector':"#questionnaire H1", 'class_name':"dtr-questionnaire-title"}
								 ];

function dtr_replace(el, cl) {
		var image_url = '/dtr/'+cl.replace("dtr-", "")+'/?text='+encodeURI(el.getText()).replace("+", "%2b");
		el.setStyle("visibility", "hidden");
		img = new Element("img", {'src':image_url, 
															'alt':el.innerHTML, 
															'class':'replaced-'+cl});
		img.id = el.id;
		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];
				if (window.ie)
						cssRules = stylesheet.rules;
				else
						cssRules = stylesheet.cssRules;

				if (cssRules && cssRules.length) {
						for (var ri=0;ri<cssRules.length;ri++) {
								var rule = cssRules[ri];
								if (!rule.selectorText) continue;
								var m = rule.selectorText.match(re);
								if (m)
										classes.push(m[1]);
								
						}
				}
		}
		return classes;
}

window.addEvent("load", 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) });
				}
		});