// globals
var naviPoints = [];
var naviStates = [];
var colorActive = '#ff4e48';
var colorPassive = '#000000';
// init
function initNavi() {
	// get all navi points
	naviPoints = $ES('a','navi');
	naviPoints.each(function(a){
	  	// navi state
		naviStates[naviPoints.indexOf(a)] = false;
		// events
  		a.addEvent('click', function(event) {
			// first stop event if running					 	
			event = new Event(event).stop();
			// select content
			selectContent(naviPoints.indexOf(a));
		});
		a.addEvent('mouseenter', function(event) {
			// first stop event if running					 	
			event = new Event(event).stop();
			// make active
			naviPoints[naviPoints.indexOf(a)].setStyle('color',colorActive);
		});
		a.addEvent('mouseleave', function(event) {
			// first stop event if running					 	
			event = new Event(event).stop();
			// make passive (just if not selected)
			if(naviStates[naviPoints.indexOf(a)] == false){
				naviPoints[naviPoints.indexOf(a)].setStyle('color',colorPassive);
			}
		});
	});
	// select first navi point
	selectContent(0);
};
// select
function selectContent(ID){
	// navi
	naviPoints.each(function(a){
  		a.setStyle('color',colorPassive);
  		// navi state
		naviStates[naviPoints.indexOf(a)] = false;
	});
	naviPoints[ID].setStyle('color',colorActive);
	// navi state
	naviStates[ID] = true;
}
// load ajax
function loadAjax(url){
	// ajax
	new Ajax(url, {
		method: 'get',
		update: $('contentContainer'),
		evalScripts: true
	}).request();
	// check if video
	if(url == 'video.html'){
		stopPlayer();	
	}
}