window.addEvent('domready', function() {
	var root_togglers = $$('.promoBox ul li a.offerCategory');
	var root_elements = $$('.promoBox ul li .promocontent');

	var roots_open = [];
	$$('.promoBox > ul > li').each(function(item,index) {
			var opened = item.hasClass('open');
			if (opened) {
				roots_open.push(index);
			}	
	});

var acc1 = new MultipleOpenAccordion($$('.promoBox > ul > li'), {
		togglers: root_togglers,
		elements: root_elements,
    firstElementsOpen: roots_open,
		fixedHeight: false,
		onActive: function(toggler, element){
			toggler.getParent('li').addClass('selected');
			element.setStyle('height', 'auto');
			element.setStyle('opacity', '1');
			element.setStyle('visibility', 'visible');
		},
		onBackground: function(toggler, element){
			toggler.getParent('li').removeClass('selected');
			element.setStyle('height', '0');
			element.setStyle('opacity', '0');
			element.setStyle('visibility', 'hidden');
		}
	});

	root_elements.each(function(item, index){
		var active = item.getParent('li').hasClass('selected');
		if (active) {
				item.setStyle('height', 'auto');
				item.setStyle('opacity', '1');
				item.setStyle('visibility', 'visible');
		}
	});

	var sub_togglers = $$('.promoBox .promocontent li a.promosub');
	var sub_elements = $$('.promoBox .promocontent li .promosubcontent');
	var sub_open = [];
	$$('.promoBox .promocontent li .promosubcontent').each(function(item,index) {
			var mySection = item.getParent('li');
			var myParentSection = mySection.getParent('li');
			
			var opened = mySection.hasClass('open');
			var parent_selected = myParentSection.hasClass('selected');
			if (opened && parent_selected) {
				sub_open.push(index);
			}	
	});
	
	var acc2 = new MultipleOpenAccordion($$('.promoBox .promocontent ul > li'), {
		togglers: sub_togglers,
		elements: sub_elements,
		firstElementsOpen: sub_open,
		fixedHeight: false,
		onActive: function(toggler, element){
			toggler.getParent('li').toggleClass('selected');
			element.setStyle('height', 'auto');
			element.setStyle('opacity', '1');
			element.setStyle('visibility', 'visible');
		},
		onBackground: function(toggler, element){
			toggler.getParent('li').removeClass('selected');
			element.setStyle('height', '0');
			element.setStyle('opacity', '0');
			element.setStyle('visibility', 'hidden');
		}
	});
	
	sub_elements.each(function(item, index){
		var active = sub_open.contains(index);
		if (active) {
			item.setStyle('height', 'auto');
			item.setStyle('opacity', '1');
			item.setStyle('visibility', 'visible');
		}
	});
	
});

