// JavaScript Document

<!--Zebra rows-->

	$(document).ready(function(){
		//DOM is ready - lets go!
		
		//Hover function
		$(".TableStripe tr").hover(function() {
			//On mouse over apply the class to the item (this = itself)
			$(this).addClass("highlight");
			
		},function(){
			//On mouse out remove the class we have added on the mouse over
			$(this).removeClass("highlight");
		});
		
		//Select the even tr elements within the "TableStripe" ID and add the class "even"
		$(".TableStripe tr:even").addClass("even");		
	});