// Navigation jquery

			$(document).ready(function(){
				
				$(".nav").children("li").each(function() {
					var current = "nav current-" + ($(this).attr("class"));
				    var parentClass = $(".nav").attr("class");
				    if (parentClass != current) {
				    	$(this).children("a").css({backgroundImage:"none"});
				    }
				}); 


				attachNavEvents(".nav", "home");
				attachNavEvents(".nav", "about");
				attachNavEvents(".nav", "curriculum");
				attachNavEvents(".nav", "images");
				attachNavEvents(".nav", "volunteer");
				attachNavEvents(".nav", "funding");
				attachNavEvents(".nav", "contact");

				
				function attachNavEvents(parent, myClass) {
    				$(parent + " ." + myClass).mouseover(function() {
        				// do things here
				    }).mouseout(function() {
        				// do things here
    				}).mousedown(function() {
        				// do things here
    				}).mouseup(function() {
        				// do things here
    				});
				}
				function attachNavEvents(parent, myClass) {
				    $(parent + " ." + myClass).mouseover(function() {
			        $(this).before('<div class="nav-' + myClass + '"></div>');
			        $("div.nav-" + myClass).css({display:"none"}).fadeIn(200);
				  	}).mouseout(function() {
				        // fade out & destroy pseudo-link
			        $("div.nav-" + myClass).fadeOut(200, function() {
			            $(this).remove();
			        });
		    });
			}


			});  
