CFrontFaqBoxInterface = Class.create({
	initialize: function(config)
	{
		document.observe('dom:loaded', this.onReady.bind(this));
		Object.extend(this.config, config);	
	},
		
	cntr: null,	
	config: {},
	
	onReady: function()
	{
		this.cntr = $(this.config.cntr);
		this.bindElements();
		this.cntr.toggle();		
	},
		
	bindElements: function()
	{
		this.cntr.select('span.LevelOne').each(function (el, event) {
			Event.observe(el, 'click', function (el, event) {				
				Event.stop(event);
				el.toggleClassName('LevelTopClose').toggleClassName('LevelTopOpen').next('ul').toggle();	
			}.bind(this, el));
		}.bind(this));
		
		this.cntr.select('span.LevelTwo').each(function (el) {
			Event.observe(el, 'click', function (el, event) {				
				Event.stop(event);
				el.toggleClassName('LevelTwoClose').toggleClassName('LevelTwoOpen').next('ul').toggle();																												
			}.bind(this, el));
		}.bind(this));	
	}	
});