$(document).ready(function() {
		
	//Hide divs
	$("div#summary").css("display", "none");
	$("div#background").css("display", "none");
	$("div#debtors").css("display", "none");
	$("div#notices").css("display", "none");
	$("div#keydates").css("display", "none");
	
	//Show default tab
	$("div.on").show();
	
	$("button").click(function () {
		//Get Button "name" attribute value
	  	var name = $(this).attr("name");
	  	 	
	  	//Test if user clicked the same tab button
	  	//Hide d if its clicked while open
	  	if($("div[id="+name+"]").hasClass("on")){
	  		
	  	}else{
	  		//Find previously opened div
	  		$("div.on").slideUp().removeClass("on");
	  		
	  		$("button.active").removeClass("active");
	  		
	  		//Find div by variable "title" and show div and add "class"="no"
	  		$("div[id="+name+"]").slideDown().addClass("on");
	  		
	  		$("button[name="+name+"]").addClass("active");
	  	}
	  	
	});
	
});
