var Rules = {
	'.ror tbody tr:mouseover': function(element) {
		element.parentNode.addClassName('highlight');
	},
	'.ror tbody tr:mouseout': function(element) {
		element.parentNode.removeClassName('highlight');
	},
    '.ror tbody tr:click': function(element) {
    	id = element.parentNode.id;
    	var val = $(id.sub('row', 'item')).firstChild.nodeValue;
        new Effect.Highlight('id_rate', { startcolor: '#ffffdd', duration: 2.0 });
        $('id_rate').value = val.sub('%', '');
    }
}

Event.observe(window, 'load',
    function() {
        EventSelectors.start(Rules);
    }
);