//
//  In my case I want to load them onload, this is how you do it!
// 
Event.observe(window, 'load', function(){
//
//	Set up all accordions
//
/*
	var topAccordion = new accordion('horizontal_container', {
		classNames : {
			toggle : 'horizontal_accordion_toggle',
			toggleActive : 'horizontal_accordion_toggle_active',
			content : 'horizontal_accordion_content'
		},
		defaultSize : {
			width : 525
		},
		direction : 'horizontal'
	});
	*/

	bottomAccordion = new accordion('vertical_container');
	 
	 var nestedVerticalAccordion = new accordion('vertical_nested_container', {
		classNames : {
		  toggle : 'vertical_accordion_toggle',
		  toggleActive : 'vertical_accordion_toggle_active',
		  content : 'vertical_accordion_content'
		}
	 });

	 // Open first one(get by http://******/#)
	 //		bottomAccordion.activate($$('#vertical_container .accordion_toggle')[3]);
	 var sharp_pos = location.href.indexOf("#");
	 if (sharp_pos!=-1){
		  var accordion_default_opener_h2 = location.href.substring(sharp_pos+1);
		  if ($(accordion_default_opener_h2) &&
				$(accordion_default_opener_h2).className=="accordion_toggle"){
				bottomAccordion.activate($(accordion_default_opener_h2));
		  }
	 }

	 
	var h2 = $('vertical_container').getElementsByTagName('H2');
	for (var i=0,j=h2.length; i<j; i++){
		Event.observe(h2[i], 'mouseover', function(h2){
			return function(){
				Element.addClassName(h2, "hiLight");
			};
		}(h2[i]));
		Event.observe(h2[i], 'mouseout', function(h2){
			return function(){
				Element.removeClassName(h2, "hiLight");
			};
		}(h2[i]));
	}

	var h3 = $('vertical_nested_container').getElementsByTagName('H3');
	for (var i=0,j=h3.length; i<j; i++){
		Event.observe(h3[i], 'mouseover', function(h3){
			return function(){
				Element.addClassName(h3, "hiLightCase");
			};
		}(h3[i]));
		Event.observe(h3[i], 'mouseout', function(h3){
			return function(){
				Element.removeClassName(h3, "hiLightCase");
			};
		}(h3[i]));
	}


	/*
	 $A($("colorChanger").getElementsByTagName('LI')).each(function(li){
		  Event.observe(li, 'click', function(){
				var backgroundImage = li.className ? "url(/images/common/bg_"+li.className+".gif)" : "url(/images/common/bg.gif)" ;
				Element.setStyle(document.body, {"background-image": backgroundImage});
		  });
	 });
	 */
}, false);