window.addEvent('domready', function() {
	
	// accordion ***************************************************************
	
		var myAccordion = new Fx.Accordion($$('div.drop a.opener'), $$('div.drop div.slider'), {
			opacity: false,
			trigger:'mouseover',
			display:-1,
			onActive: function(toggler, element) {
				toggler.getParent().addClass('active');
			},
			onBackground: function(toggler, element) {
				toggler.getParent().removeClass('active');
			}
		});
		
		$$('ul.accordion').each(function(_obj){
			var _active = -1;
			_obj.getElements('a.opener').each(function(link, i){
				link.onclick = function(){return false;}
				if (link.hasClass('selected')) _active = i;
			})
			
			var myAccordion = new Fx.Accordion(_obj.getElements('a.opener'), _obj.getElements('div.slider'), {
				alwaysHide:true,
				display:_active,
				initialDisplayFx:false,
				onActive: function(toggler, element) {
					toggler.getParent().addClass('ui-state-active');
				},
				onBackground: function(toggler, element) {
					toggler.getParent().removeClass('ui-state-active');
				}
			});
		});
		
	// slider ******************************************************************
	var _hideSlide = [];
	$$('.sub-accordion li').each(function(_obj, i){
		
		var _opener = _obj.getElement('a.opener');
		if (_opener) {
			_obj.getElement('div.slide').set('id','slider'+i);
			var mySlide = new Fx.Slide('slider'+i);
			
			if (!_obj.hasClass('active')) _hideSlide.push(mySlide);
		
			_opener.addEvent('click', function(){
				if (_obj.hasClass('active')) {
					_obj.removeClass('active');
					mySlide.slideOut();
				} else {
					_obj.addClass('active');
					mySlide.slideIn();
				}
				return false;
			});
		}
	});
	
	_hideSlide.each(function(_el){
		_el.hide();
	});
		
    
});