var ServicesBox = Class.create({

	initialize: function() 
	{
		if ($('services'))
		{
			var verticalAccordion = new accordion('services',
			{
				classNames: 
				{
					toggle: 		'accordionToggle',
					toggleActive: 	'accordionToggleActive',
					content: 		'accordionContent'
				},
				onEvent: 			'click',
				duration: 		5
			});
		
			verticalAccordion.activate($('headingSingleUser'));

		
			var headings = $$('#services h3');
		
			headings.each(function(h)
			{
				Element.observe(h, 'mouseover', function(e)
				{
					var headingElement = Event.findElement(e, 'h3');
					headingElement.addClassName('accordionToggleHover');
				});
			
				Element.observe(h, 'mouseout', function(e)
				{
					var headingElement = Event.findElement(e, 'h3');
					headingElement.removeClassName('accordionToggleHover');
				});
			
			});
		}
	}
});

Element.observe(window, 'load', function() {
	var servicesBox = new ServicesBox();
});