//when the document is ready
$(document).ready(function(){

	//cache jQuery variable
	var navi = $('#navigation li');
	
	//for each of the li's
	navi.each(function() {

			//if href is nothing, then we are on this page so highlight it yellow in navigation
			if($(this).find('a').attr('href') === "") 
			{
				$(this).addClass('yellowTriangle');

				//get rid of background on giving back page
				if($(this).find('a').html()==='Giving Back')
					$('#content').css('background','white');


			//else add the mouseenter and mouseleave events for highlighting	
			} else {

				$(this).mouseenter(function(e){

					$(this).removeClass().addClass('yellowTriangle');


				}).mouseleave(function(e){

					$(this).removeClass().addClass('blueTriangle');

				});
			}
	});
});