jQuery(document).ready(function(){
	jQuery(".mylink img").hover(function(evt) {
	    this.src = this.src.replace("_off","_on");
	},
	function(evt) {
	    this.src = this.src.replace("_on","_off");
	});
	
jQuery(".about1").hover(function() {
    	  jQuery("#mystory").fadeIn();
    	  jQuery("#mymission").hide();
    	  jQuery("#thecause").hide();
    	});

jQuery(".about2").hover(function() {
    	  jQuery("#mymission").fadeIn();
    	  jQuery("#mystory").hide();
    	  jQuery("#thecause").hide();
    	});
    	
jQuery(".about3").hover(function() {
    	  jQuery("#thecause").fadeIn();
    	  jQuery("#mymission").hide();
    	  jQuery("#mystory").hide();
    	});


	jQuery('.mylink img').hover(
	function () {
		changeImage('header', jQuery(this).attr('alt'));
	}
	);	
	
	jQuery('#header').mouseleave(
	function(){
	changeImage('header', jQuery(this).attr('alt'));
	}
	)
	
	
function changeImage(element_id, text) {
	jQuery("#" + element_id).attr('class', text);
}
	
});