var MAG = Object.extend({}, MAG || {});

MAG.Tables = {
	Init: function(options)
	{
		this.options = {};
		Object.extend(this.options, options || {});	
		
		this.attachEvents();
	},
	
	attachEvents: function() {
		$$('div.template_table table tr').each(function (e,i) {
			e.observe('mouseover', MAG.Tables.highLight.bind(this, e));
			e.observe('mouseout', MAG.Tables.dehighLight.bind(this, e));
		});
	},
	
	highLight: function(elem) {
		Selector.findChildElements(elem, ["td"]).each(function (e,i) {
			e.className = "table_row_highlight";
		});
	},
	
	dehighLight: function(elem) {
		Selector.findChildElements(elem, ["td"]).each(function (e,i) {
			e.className = "";
		});		
	}
	
	
}

document.observe('dom:loaded', function(){
	MAG.Tables.Init();
});