window.addEvent('domready', function() {
	
	/*var accordion = new Accordion('h3.atStart', 'div.atStart', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#ff3300');
		},
	 
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#222');
		}
	}, $('right')); */
	
	pagination();
	
	new DropdownMenu($('links'))
	
});

Element.extend(
{
	hide: function() 
	{
		// get the parent image
		var i = $E('img',$(this.parentNode));
		if($(this.parentNode).className.replace('s','') != current_section) i.src = i.src.replace('_on.png','.png');
		return this.setStyle('display', 'none');
	},
	
	show: function() 
	{
		// get the parent image
		var i = $E('img',$(this.parentNode));
		i.src = i.src.replace('_on.png','.png');
		i.src = i.src.replace('.png','_on.png');
		return this.setStyle('display', 'block');
	}
});

var DropdownMenu = new Class({	
	initialize: function(element)
	{
		$A($(element).childNodes).each(function(el)
		{
			if(el.nodeName.toLowerCase() == 'li')
			{
				$A($(el).childNodes).each(function(el2)
				{
					if(el2.nodeName.toLowerCase() == 'ul')
					{
						$(el2).hide();
						
						el.addEvent('mouseover', function()
						{
							el2.show();
							return false;
						});

						el.addEvent('mouseout', function()
						{
							el2.hide();
						});
						
						new DropdownMenu(el2);
					}
				});
			}
		});
		return this;
	}
});