//Depends on jquery: 		<script type="text/javascript" language="javascript" src="/addins/components/js/jquery-1.3.2.js"></script> 

//Uses tables.css from templates/css
//these two line adds the color to each different row
$(document).ready(
	function(){					
		$("#tabgrid tr:even").addClass("eventr");
		$("#tabgrid tr:odd").addClass("oddtr");
		//handle the mouseover , mouseout and click event
		$("#tabgrid tr").mouseover(
			function() {
				$(this).addClass("trover");
			}
		).mouseout(
			function() {
				$(this).removeClass("trover");
			}
		).click(
			function() {
				$(this).toggleClass("trclick");
			}
		);
	}
);