function funcs() {

	//initial conditions
	$('div #bold_a').animate({opacity:0.0}, 0);
	$('div #commonsense_a').animate({opacity:0.0}, 0);
	$('div #mirth_a').animate({opacity:0.0}, 0);
	$('div #bold_b').animate({opacity:0.0}, 0);
	$('div #commonsense_b').animate({opacity:0.0}, 0);
	$('div #mirth_b').animate({opacity:0.0}, 0);
	$('div #bold_a').css("visibility", "visible");
	$('div #commonsense_a').css("visibility", "visible");
	$('div #mirth_a').css("visibility", "visible");
	$('div #bold_b').css("visibility", "visible");
	$('div #commonsense_b').css("visibility", "visible");
	$('div #mirth_b').css("visibility", "visible");

	return_to_start();

	//functions
	function return_to_start() { //puts sliding divs into start positions, levels and opacity
//		$('div #bold_a').css("z-index", "0");
		$('div #bold_a').animate({left:'-500px', opacity:0}, 400); 
		$('div #commonsense_a').animate({left:'-500px', opacity:0}, 400); 
		$('div #mirth_a').animate({left:'-500px', opacity:0}, 400); 
		$('div #bold_b').animate({right:'-500px', opacity:0}, 400); 
		$('div #commonsense_b').animate({right:'-500px', opacity:0}, 400); 
		$('div #mirth_b').animate({right:'-500px', opacity:0}, 400); 
		$('div #main1').animate({opacity:1}, 400); 
	}
	

	//actions
	$('.bold_activate').click( function() {
		$('div #main1').animate({opacity:0}, 400); //disappear main
		$('div #bold_a').animate({left:'0px', opacity:1}, 400); 
		$('div #bold_b').animate({right:'0px', opacity:1}, 400); 
	});
	
	$('.commonsense_activate').click( function() {
		$('div #main1').animate({opacity:0}, 400); //disappear main
		$('div #commonsense_a').animate({left:'0px', opacity:1}, 400); 
		$('div #commonsense_b').animate({right:'0px', opacity:1}, 400); 
	});
	
	$('.mirth_activate').click( function() {
		$('div #main1').animate({opacity:0}, 400); //disappear main
		$('div #mirth_a').animate({left:'0px', opacity:1}, 400); 
		$('div #mirth_b').animate({right:'0px', opacity:1}, 400); 
	});	
	
	$('a.return_to_main').click(return_to_start);
	
}