$(document).ready(function() {
						   
				   

////////////HOVER CURSOR					   

	$('#about').mouseover(function () { 

		$('#about').css('cursor', 'pointer');

    });	

	

	$('#donors').mouseover(function () { 

		$('#donors').css('cursor', 'pointer');

    });		



	$('#recipients').mouseover(function () { 

		$('#recipients').css('cursor', 'pointer');

    });		

	

//////////////SWAP BACKGROUND and SHOW TEXT

		//ABOUT

	  $('#about').click(function () { 

		if( $("#buttonsOff").hasClass('backOff') ) {
			$("#buttonsOff").removeClass('backOff').addClass('aboutBack'); 
			//$("#buttonsOff");
				}

		if( $("#buttonsOff").hasClass('donorsBack') ) {
			$("#buttonsOff").removeClass('donorsBack').addClass('aboutBack');
				}

		if( $("#buttonsOff").hasClass('recipientsBack') ) {
			$("#buttonsOff").removeClass('recipientsBack').addClass('aboutBack'); 
				}

			  $('#textContainer').removeClass('hidden');
			  $('#aboutText').removeClass('hidden');
			  $('#donorsText').addClass('hidden');
			  $('#recipientText').addClass('hidden');

	  

    });

	  

		//DONORS

	  $('#donors').click(function () { 
								   
								   
		if( $("#buttonsOff").hasClass('backOff') ) {
			$("#buttonsOff").removeClass('backOff').addClass('donorsBack'); 
				}

		if( $("#buttonsOff").hasClass('aboutBack') ) {
			$("#buttonsOff").removeClass('aboutBack').addClass('donorsBack');
				}

		if( $("#buttonsOff").hasClass('recipientsBack') ) {
			$("#buttonsOff").removeClass('recipientsBack').addClass('donorsBack'); 
				}

      		 


			  $('#textContainer').removeClass('hidden');
			  $('#aboutText').addClass('hidden');
			  $('#donorsText').removeClass('hidden');
			  $('#recipientText').addClass('hidden');

    });

	  

		//RECIPIENTS	  

	  $('#recipients').click(function () { 

		if( $("#buttonsOff").hasClass('backOff') ) {
			$("#buttonsOff").removeClass('backOff').addClass('recipientsBack'); 
				}

		if( $("#buttonsOff").hasClass('aboutBack') ) {
			$("#buttonsOff").removeClass('aboutBack').addClass('recipientsBack');
				}

		if( $("#buttonsOff").hasClass('donorsBack') ) {
			$("#buttonsOff").removeClass('donorsBack').addClass('recipientsBack'); 
				}

	  

	  $('#textContainer').removeClass('hidden');
	  $('#aboutText').addClass('hidden');
	  $('#donorsText').addClass('hidden');
	  $('#recipientText').removeClass('hidden');

    });


		$('.close').click(function () {
			$(this).parent().addClass('hidden');
			$('#textContainer').addClass('hidden');						
									
			});

		$('#aboutClose').click(function () { 
			//$(this).parent().addClass('hidden');
			//$('#textContainer').addClass('hidden');
			$("#buttonsOff").removeClass('aboutBack').addClass('backOff');
							
							});
		
		$('#donorsClose').click(function () { 
			//$(this).parent().addClass('hidden');
			//$('#textContainer').addClass('hidden');
			$("#buttonsOff").removeClass('donorsBack').addClass('backOff');
							
							});
				
		$('#recipientsClose').click(function () { 
			//$(this).parent().addClass('hidden');
			//$('#textContainer').addClass('hidden');
			$("#buttonsOff").removeClass('recipientsBack').addClass('backOff');
							
							});







//closing tag

});