$(document).ready(function(){
		
	  	
		
			$("a.button").click(function(evt){
			
				
				
				$clicked = $(this);
				
	
					// each button div MUST have a "xx-button" and the target div must have an id "xx" 
					var idToLoad = $clicked.attr("id").split('-');
					
					//we search trough the content for the visible div and we fade it out
					$("#content-box").find("div:visible").fadeOut("fast", function(){
						//once the fade out is completed, we start to fade in the right div
						$(this).parent().find("#"+idToLoad[0]).fadeIn();
					
						
					});
			
				evt.preventDefault();
				
			}); // end a.button click function
		}); // end doc ready