var header = function (data, appendTo) {
	
	var self		= this;
	var slider;
	
	/* Config */
	// Titel
	var title		= false;
	var T_container;
	
	// Numbers
	var numbers		= false;
	var N_container;
	
	// Navigatie
	var navigation	= false;
	var NAV_container;
	
	// interval usage
	var sliding		= true;
	var interval;
	
	var init = function () {
		data	= json_decode(data);
	
		if (data.length == 0)
			alert('Er zijn geen header afbeeldingen geselecteerd in het bluecms');
		
		slider	= new headerTransparantSlider(appendTo);
		
		start();
	};
	
	var start	= function () {
		for ( var i = 0; i < data.length; i++ ) {
			slider.addItem(baseUrl + headerBaseFolder + data[i]['image']);
		}
		
		slider.render();

		if (data.length > 1) {
			if (sliding)
				setInterval();
		}
			
		onchange(slider.getActiveImage());
	};
	
	var onchange = function (index) {
		if (title) 
			renderTitle(data[index]);
		
		if (numbers)
			renderNumbers(data[index]);
			
		if (navigation)
			renderNavigation(data[index]);
			
		return;
	};
	
	var setInterval = function () {
		interval	= window.setInterval(function () {
			slider.next(function () {
				onchange(slider.getActiveImage());
			});
		}, 4000);
	};
	
	var renderTitle = function (d) {
		// Titel renderen
	};
	
	var renderNumbers = function (d) {
		if (data.length > 1) {
			
			if (N_container === undefined) {
				N_container		= document.createElement('div');
				N_container.id	= 'page';
				appendTo.appendChild(N_container);
			} else
				N_container.innerHTML = '';
			
			for ( var i = 0; i < data.length; i++ ) {			
				var a				= document.createElement('a');				
					a.className		= (d.id == data[i].id)? 'activeSlide': '';				
					a.href			= '#';				
					a.innerHTML 	= (i+1);				
					a.rel			= i;				
					a.onclick 		= function () {										
						slider.callImage(function () {						
							onchange(slider.getActiveImage());
						}, this.rel);				
					};				
					
				N_container.appendChild(a);		
			}	
		}
	};
	
	var renderNavigation = function (d) {
		// Render navigatie
	};
	
	init();
};
