document.observe('dom:loaded', loadAccordions);
	var dynamicheader = {current: 1, total: 0, isAnimating: false};
	
	function loadAccordions()
	{	
		for(i = 0; $('headerset'+i); i++)
		{
			var headerAccordion = new accordion('headerset'+i, {
				classNames : {
					toggle : 'horizontal_accordion_toggle',
					toggleActive : 'horizontal_accordion_toggle_active',
					content : 'horizontal_accordion_content'
				},
				defaultSize : {
					width : 169,
					height: 100
				},
				direction : 'horizontal',
				onEvent: 'mouseover'
			});
			
			dynamicheader.total += 1;

			headerAccordion.activate($$('#headerset'+i+' .horizontal_accordion_toggle')[0]);
		}
		
		// create the onclick handlers for the left and right buttons
		
		if($('moveleft'))
		{
			$('moveleft').observe('click', function()
			{
				if(dynamicheader.isAnimating || this.hasClassName('disabled')) return false;
				
				moveSlide('left');
				return false;
			});
			
			
			
			$('moveright').observe('click', function()
			{
				if(dynamicheader.isAnimating || this.hasClassName('disabled')) return false;
				
				moveSlide('right');
				return false;
			});
			
			refreshSliders();
			
			
		}
		
		$('hidetoggle').onclick = function(){toggleHeader(); return false;};
		
		
	
	}
	
	function moveSlide(direction)
	{
		if(direction == 'left')
		{
			dynamicheader.current -= 1;
			var offset = 930;
		}
		else
		{
			dynamicheader.current += 1;	
			var offset = -930;
		}
		
		
		
		refreshSliders();
		
		dynamicheader.isAnimating = true;
		var options = { x: offset, y: 0, mode: 'relative', afterFinish: function(obj){ dynamicheader.isAnimating = false; }};
		new Effect.Move($('inner'), options);
		
	}
	
	function refreshSliders()
	{
		// work out if we need to disable the buttons
		if(dynamicheader.current >= dynamicheader.total)
		{
			dynamicheader.current = dynamicheader.total;
			$('moveright').addClassName('disabled');
		}
		else
		{
			$('moveright').removeClassName('disabled');
		}
		
		if(dynamicheader.current <= 1)
		{
			dynamicheader.current  = 1;
			$('moveleft').addClassName('disabled');
		}
		else
		{
			$('moveleft').removeClassName('disabled');
		}
	}
	
	function toggleHeader()
	{
		if($('dynamicheader').style.display == 'none')
		{
			$('dynamicheader').style.display = 'block';
			$('hidetoggle').innerHTML = 'Minimise +/-';
			$('hidetoggle').addClassName('maximised');
			eraseCookie('headerminimise');
		}
		else
		{
			$('dynamicheader').style.display = 'none';
			$('hidetoggle').innerHTML = 'Maximise +/-';
			$('hidetoggle').addClassName('minimised');
			createCookie('headerminimise', '1', 30);
		}
	}