// init page
window.addEvent('domready', function() {
	
	initAccordion();
});
function initAccordion(){
	var _acc = $$('.accordion');
	var _aClass = 'active';
	var _el = 'li';
	var _opener = 'a';
	var _slider = 'div'
	var _d = 500;
	_acc.each(function(obj){
		obj.el = obj.getElements(_el);
		obj.el.each(function(el, i){
			el.opener = el.getElements(_opener)[0];
			el.slider = el.getElements(_slider)[0];
			if(el.slider){
				if(!el.hasClass(_aClass)) el.slider.setStyles({'height':'0','display':'none'});
				el.anim = new Fx.Tween(el.slider,{property: 'height', duration: _d, link : 'cancel'});
				el.anim.addEvent('complete', function(w) {
					if(w.offsetHeight> 0) {
						w.setStyle('height','');
					}else{
						w.getElements(_el).each(function(e){e.removeClass(_aClass)});
						w.getElements(_slider).each(function(ul){
							ul.setStyles({'height':'0','display':'none'});
						});
					}
				});
			};
			el.opener.onclick = function(){
				var li = this.getParents(_el)[0];
				var slide = li.getElements(_slider)[0];
				var parent = li.getParents(_slider)[0];
				if(slide){
					if(li.hasClass(_aClass)){
						li.anim.start(0);
						li.removeClass(_aClass);
					}else{
						slide.setStyles({'height':'auto','display':'block'});
						li.h = slide.offsetHeight;
						slide.setStyles({'height':'0'});
						var _cur;
						parent.getElements(_el).each(function(w){
							if(w.getParent(_slider)==parent && w.hasClass(_aClass)){
								_cur = w;
							};
						});
						if(_cur){
							_cur.anim.start(0);
							_cur.removeClass(_aClass);
						}
						li.anim.start(li.h);
						li.addClass(_aClass);
					}
					return false;
				}else{
					//go by link
				}
			}
		})
	})
}