window.addEvent('domready', function() {
	var togglers = $$('.promoBox li a.offerCategory');
	var elements = $$('.promoBox li .promocontent');
	var acc1 = new Accordion(togglers, elements, {
		fixedHeight: false,
		onActive: function(toggler, element){
			toggler.getParent('li').addClass('selected');
		},
		onBackground: function(toggler, element){
			toggler.getParent('li').removeClass('selected');
			element.setStyle('height', '0');
		},
		onComplete: function(element){
			// override style on the elements to set the height to auto on selected element.
			elements.each(function(item, index){
				item.setStyle('height', 0);
				var active = item.getParent('li').hasClass('selected');
				if (active) {
					item.setStyle('height', 'auto');
				}
			});
		}
	});

	var acc2elements = $$('.promoBox .promocontent li .promosubcontent');
	var acc2 = new Accordion($$('.promoBox .promocontent li a.promosub'), acc2elements, {
		onActive: function(toggler, element){
			toggler.getParent('li').toggleClass('selected');
		},
		onBackground: function(toggler, element){
			toggler.getParent('li').removeClass('selected');
		},
		onComplete: function(element){
			// override style on the elements to set the height to auto on selected element.
			acc2elements.each(function(item, index){
				item.setStyle('height', 0);
				var active = item.getParent('li').hasClass('selected');
				if (active) {
					item.setStyle('height', 'auto');
				}
			});
		}
	});

});