// Tooltip
window.addEvent('domready', function(){
	var Tips4 = new Tips($$('.tooltip'), {
		className: 'custom'
	});
}); 

function controlSlide(number) {
  slideFolio(number);
  stopCount(number);
  next=number+1;
	t=setTimeout("timedCount(" + next + ")",7000);
}

// Nieuws Pager
function slideFolio(col)
{
	var x = ((col-1)*-290)
	var folioChange = new Fx.Tween('folio', {duration:1000});
	folioChange.start('left',x);
	var cur = "trigger"+col;
	$(cur).addClass('active');

	for (i=1;i<=5;i++)
	{
		var loopLI = "trigger"+i;
		if (cur==loopLI)
		{}
		else
		{
			$(loopLI).removeClass('active');
		}
	}
}

// Nieuws Pager Automaat
var t;
function timedCount(count)
{
	c=count;
	slideFolio(c);
	c=c+1;
	if(c==6){
		stopCount(1);
	}
	//alert(c);
	t=setTimeout("timedCount(" + c + ")",7000);
}

function stopCount(number)
{
	c = number;
	clearTimeout(t);
}

// Menu-animatie
var navArrowSlider = function(navWrap, navElementsArray, activeID, arrowY) {
	var youAreHere = new Fx.Tween($(navWrap), { 
		duration: 1500,
		transition: Fx.Transitions.Elastic.easeOut  
	});

	$$(navElementsArray).each(function(item){  
		item.addEvent('mouseenter', function() { 
			var thisPos = item.getPosition(navWrap).x  + item.getSize().x - 100; 
			youAreHere.cancel();
			youAreHere.start('background-position', thisPos + 'px ' + arrowY + 'px'); 
		});
	});
	
	var currentArrow = function() {
		youAreHere.cancel();
		var activePos = $(activeID).getPosition(navWrap).x  + $(activeID).getSize().x - 100; 
		youAreHere.start('background-position', activePos + 'px ' + arrowY + 'px');      
	};
	 
	//correct IE rendering problem (without this, it wont go to the active nav onload)
	var activePos = $(activeID).getPosition(navWrap).x  + $(activeID).getSize().x - 100;  
	$(navWrap).setStyle('background-position', activePos + 'px ' + arrowY + 'px');       
	
	//works to set image to starting position in other browsers
	currentArrow(); 
	
	$(navWrap).addEvent('mouseleave', currentArrow);	
}; 
	
window.addEvent('domready', function() {
	navArrowSlider(
		'navigation-pri', // ID of nav wrap
		'#navigation-pri ul li', // Array selector of nav elements 
		'active', // ID of current nav element
		0 //  Background position y of background image
	); 	
});