// jquery version

var dtr_rules = [
								 {'selector':"#content H2", 'dtr_name':"content_title"},
								 {'selector':"#content H4", 'dtr_name':"content_subtitle"},
								 {'selector':"#content H3.and-more", 'dtr_name':"content_andmore"},
								 {'selector':"#left-column H3", 'dtr_name':"column_head"},
								 {'selector':"#right-column H3", 'dtr_name':"column_head_right"}
								 //								 {'selector':"#left-column > UL > LI > A, .dtr-category", 'dtr_name':"category"},
								 //								 {'selector':"#left-column > UL > LI > UL > LI > A, #right-column > UL > LI > A", 'dtr_name':"subcategory"},
								 ];
dtr_rules = [];

$.fn.tagName = function() {
    return this.get(0).tagName;
}

function _fix_text(txt) {
		return encodeURI(txt).replace("+", "%2b").replace("&", "%26");
}

function dtr_replace(el, name) {
		el = $(el);
		var image_url = '/dtr/'+name+'/?text='+_fix_text(el.text());
		img = $("<img/>").attr({'src':image_url, 'alt':el.text(), 'class':'_dtr'});
		if (el.tagName()=="A") {
				el.empty();
				img.appendTo(el);
		} else {
				el.css("display", "none");
				img.insertAfter(el);
		}
}

$(document).ready(function () {
				for (var i=0; i<dtr_rules.length; i++) {
						var rule = dtr_rules[i];
						$(rule.selector).each(function() {
										dtr_replace($(this), rule.dtr_name) 
												});
				}
		});