<!-- Braamsteen -->


var navArrowSlider = function(navWrap, navElementsArray, activeID, arrowX) 
{
	var youAreHere = new Fx.Tween($(navWrap), { 
		duration: 2200,
		transition: Fx.Transitions.Elastic.easeOut  
	});

	$$(navElementsArray).each(function(item){
		//alert('hi');
		item.addEvent('mouseenter', function() { 
			
			var thisPos = item.getPosition(navWrap).y  + item.getSize().y - 120; 
			//alert(thisPos);
			youAreHere.cancel();
			youAreHere.start('background-position', arrowX + 'px ' + thisPos + 'px'); 
		});
	});
	
	var currentArrow = function() {

		youAreHere.cancel();
		var activePos = $(activeID).getPosition(navWrap).y  + $(activeID).getSize().y - 120; 
		youAreHere.start('background-position', arrowX + 'px ' + activePos + 'px');      
	};
	 
	//correct IE rendering problem (without this, it wont go to the active nav onload)
	var activePos = $(activeID).getPosition(navWrap).y  + $(activeID).getSize().y - 60;  
	$(navWrap).setStyle('background-position', arrowX + 'px ' + activePos + 'px');       
	
	//works to set image to starting position in other browsers
	currentArrow(); 
	
	$(navWrap).addEvent('mouseleave', currentArrow);	
	$('content-area').addEvent('mouseenter', currentArrow);	
}; 
	
window.addEvent('domready', function() {
	navArrowSlider(
		'braamsteen', // ID of nav wrap
		'.braamsteen_menu', // Array selector of nav elements 
		'active_nav', // ID of current nav element
		10 //  Background position y of background image
	); 	
}); 
<!--/Braamsteen -->