// JavaScript Document
var accordion;
var accordionTogglers;
var accordionContents;

window.onload = function() {
	accordionTogglers = document.getElementsByClassName('accToggler');
	
	accordionTogglers.each(function(toggler){
		//remember the original color
		toggler.origColor = toggler.getStyle('background-color');
		//set the effect
		toggler.fx = new Fx.Color(toggler, 'background-color');
	});
	
	accordionContents = document.getElementsByClassName('accContent');
		
	// デフォルトは id 指定なし。URL が
	// http://example.com/index.html?id=12 の形式ならば、id(この場合
	// は 12)を抽出する
	var id = 0;
	if (location.search.match(/id=(\d+)/)) {
	  id = RegExp.$1;
	}

	// デフォルトは 'open-first'。id が指定されていて、かつ 1 以上
	// だったら 'first-open' にする
	var start = 'open-first';
	if (0 < id) {
	  start = 'first-open';
	}

	accordion = new Fx.Accordion(accordionTogglers, accordionContents,{
	    start: start,

		//when an element is opened change the background color to blue
		onActive: function(toggler){
			toggler.fx.toColor('#CCCCCC');
			//#6899CE
		},
		onBackground: function(toggler){
			//change the background color to the original (green) 
			//color when another toggler is pressed
			toggler.setStyle('background-color', toggler.origColor);
		}		
	});

	// 指定された id の accordion を開く
	if (id) {
	  accordion.showThisHideOpen(id - 1);
	}
}