function init() {
    if (document.getElementById && document.getElementsByTagName && document.createElement && document.createTextNode) {
		toolTips();
    }
}

function initOnload() {
    if (document.getElementById && document.getElementsByTagName && document.createElement && document.createTextNode) {
		initDatePicker();
	}
}

// http://www.frequency-decoder.com/
var initDatePicker = function() {
	var els = $$('.datepicker');
	var eN = els.length;
	for (var i=0; i<eN; i++) {
		// insert year selector
		if (els[i].className.indexOf('selectyear') > -1) {
			var select = document.createElement('select');
			select.target = els[i];
			var d = new Date();
			var curr_year = d.getFullYear();
			for (var year=curr_year; year>curr_year-121; year--) {
				var option = document.createElement('option');
				option.value = year;
				option.appendChild(document.createTextNode(year));
				select.appendChild(option);
			}
			select.onchange = function(dateField) {
				this.target.value = '01-01-' + this.value;
			}
			els[i].parentNode.insertBefore(select,els[i]);
		}
		// set classes for datepicker script
		els[i].className = 'w8em format-d-m-y divider-dash highlight-days-67 no-transparency';
		//els[i].className = 'w8em format-d-m-y divider-dash highlight-days-67 range-high-today no-transparency';
		//els[i].className = 'w8em format-d-m-y divider-dash highlight-days-67 range-low-today no-transparency';
	}
	datePickerController.create();
}

var externalLinks = function() {
	var els = document.getElementsByTagName('a');
	var eN = els.length;
	for (var i=0; i<eN; i++) {
		if ((els[i].href.indexOf(document.domain) < 0 && (els[i].href.indexOf('http://') > -1 || els[i].href.indexOf('https://') > -1)) || (els[i].href.indexOf('.pdf') > -1 || els[i].href.indexOf('.xfdf') > -1) ) {
			els[i].target = '_blank';
			els[i].className += ' external';
			els[i].title += ' (opent in een nieuw scherm)';
		}
	}
}

//window.onload = init;
window.addEvent('domready', function(){
	init();
});
window.onload = function() {
	initOnload();
}

// tooltips
// <span title="Tips Title :: This is my tip content" class="tooltip">
// zie: http://demos.mootools.net/Tips
var toolTips = function() {
	var tt = new Tips($$('.tooltip'), {
		initialize:function(){
			this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
		},
		onShow: function(toolTip) {
			this.fx.start(0.9);
		},
		onHide: function(toolTip) {
			this.fx.start(0);
		}
	});
}