window.addEvent('domready', function(){

// NAVI SLIDER
	
	var navi_pointer = function(wrapper, pointer, navi_items, active_item) {
		
		var current_pos = new Fx.Morph('pointer', {
			duration: 500,
			transition: Fx.Transitions.Back.easeOut
		});
		
		$$(navi_items).each(function(item){
			item.addEvent('mouseenter', function() {
				var this_pos = item.getPosition(wrapper).x + item.getSize().x / 2 - $(pointer).getSize().x / 2 - 2;
				current_pos.cancel();
				current_pos.start({'left': this_pos + 'px'});
			});
		});
		
		var current_arrow = function() {
			//var start_pos = $$(navi_items)[0].getPosition(wrapper).x + $$(navi_items)[0].getSize().x / 2 - $(pointer).getSize().x / 2 - 2;
			//current_pos.start({'left': start_pos + 'px'});
			$$(active_item).each(function(item) {
				var active_pos = item.getPosition(wrapper).x + item.getSize().x / 2 - $(pointer).getSize().x / 2 - 2;
				//$(pointer).setStyle({width: 200 + 'px'});
				current_pos.cancel();
				current_pos.start({'left': active_pos + 'px'});
			});
		};

		$$(active_item).each(function(item) {
			var active_pos = item.getPosition(wrapper).x + item.getSize().x / 2 - $(pointer).getSize().x / 2 - 2;
			$(pointer).setStyle('left', active_pos + 'px');
		});
	
		current_arrow();
		
		$$(navi_items).each(function(item){
			item.addEvent('mouseleave', current_arrow);
		});
	
	};

	navi_pointer('wrapper', 'pointer', '#header .navi a', '#header .navi .active');

});

window.addEvent('domready', function() {

	var accordion = new Accordion($('accordion'), 'div.toggler', 'div.element', {
		display: -1,
		alwaysHide: true,
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('background-color', '#eee');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('background-color', '#fff');
		}
	});

});