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() {
			$$(active_item).each(function(item) {
				var active_pos = item.getPosition(wrapper).x + item.getSize().x / 2 - $(pointer).getSize().x / 2 - 2;
				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');

});