// JavaScript Document
$(document).ready(function() {

//	alert($('#contacttable tbody tr:even').length + ' elements!');
//This shows an alert box that tells you how many (.length property) elements are selected. In this case, it's how many even rows there are in the body of the table (excluding the header row). The filter used is :even. Filters are attached to the selector that you want to filter, in this case, table rows.

//var fontSize = $('#contacttable tbody tr:first').css('font-size');
//alert(fontSize);
//This code reads a CSS property and pops up an alert box that will show the font size of the first (because of the filter :first) element matched by the selector. It gives the calculated size in the browser, which may be different from the size in the CSS stylesheet. 

//$('#contacttable tbody tr:even').css('background-color','#dddddd');
//woohoo! Every other row is striped gray. This uses the same .css function used above to read a CSS property and check the font size, but now we passed the CSS function values we want to set for that property. background-color is the CSS property and #dddddd is the value.

//$('#contacttable tbody tr:even .ball').css('color', '#777777');
//This makes the text color #777777.

$('#contacttable tbody tr:even').addClass('zebra');

$('#contacttable tbody tr').hover(function(){
	$(this).addClass('zebraHover');
	}, function() {
	$(this).removeClass('zebraHover');
	});

$("img.img1").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});





$('#sermontable tbody tr:even').addClass('zebra');

$('#sermontable tbody tr').hover(function(){
	$(this).addClass('zebraHover');
	}, function() {
	$(this).removeClass('zebraHover');
	});

$("img.img1").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});




	});