var activeWidth = '414px';
var inactiveWidth = '235px';	
jQuery(function($) {		
	toggleAccordion('#acc-trigger1', '#acc-trigger2', '#acc-trigger3');
	$('#acc-trigger1').click(function(){toggleAccordion('#acc-trigger1', '#acc-trigger2', '#acc-trigger3');});
	$('#acc-trigger2').click(function(){toggleAccordion('#acc-trigger2', '#acc-trigger1', '#acc-trigger3');});
	$('#acc-trigger3').click(function(){toggleAccordion('#acc-trigger3', '#acc-trigger2', '#acc-trigger1');});
});
function toggleAccordion(active, inactive1, inactive2){
		$(active).animate({ width: activeWidth}, 200);
		$(inactive1).animate({ width: inactiveWidth}, 200);
		$(inactive2).animate({ width: inactiveWidth}, 200);
		$(active).css('background-color', '#dbe0e4');
		$(inactive1).css('background-color', '#eef0f2');
		$(inactive2).css('background-color', '#eef0f2');
		$(active + ' p').animate({ opacity: 1}, 200);
		$(inactive1 + ' p').animate({ opacity: 0}, 200);
		$(inactive2 + ' p').animate({ opacity: 0}, 200);
}
