window.addEvent('domready', function() {
	
	//create our Accordion instance
	var myAccordion = new Accordion($('Accordion'), 'a.toggler', 'div.element', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#41464D');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#528CE0');
		}
	});
	
	//see if the hidden control has asked for a specific index to be shown..
	var initialIndex = $("InitialIndex").getElement('input').get('value');
	if ( initialIndex != '' )
    {
	    //try to set the active index for the accordian	    
	    myAccordion.display(initialIndex);
	}
	
});