var timeline = {
	
	//colors: purple, red, peach, blue, apple, green, burgundy
	title: "",

	startMonth: "2019-09",
	endMonth: "2020-08",
	
	mileStones: [
		
	],

		
	afstemmingsMomenten: [
				
	],
	
	afstemmingsMomentenTitle: [
				
	],
	
		
	nameCategories: ["cat_0","cat_1","cat_2","cat_3","cat_4","cat_5","cat_6","cat_7","cat_8","cat_9","cat_10","cat_11","cat_12","cat_13","cat_14","cat_15","cat_16","cat_17","cat_18","cat_19","cat_20","cat_21","cat_22","cat_23"],
	nameCategoriesFull: ["Centrale Examinering","CIOS - Sport","CIOS - VEI","ECUV - BUSP","ECUV - FJ","Entree en Maatwerk - Educatie","Entree en Maatwerk - ISK","Entree en Maatwerk - VAVO","Staf en CvB - UTR","Staf en CvB - Ve39","Staf en CvB - ZYP","Zorg en Welzijn KRO","Centrale Examinering","CIOS - Sport","CIOS - VEI","ECUV - BUSP","ECUV - FJ","Entree en Maatwerk - Educatie","Entree en Maatwerk - ISK","Entree en Maatwerk - VAVO","Staf en CvB - UTR","Staf en CvB - Ve39","Staf en CvB - ZYP","Zorg en Welzijn KRO"],

	colorCategories: ["Purple", "Red", "Peach", "Blue", "Apple", "Green"], 


			
		cat_0: [
							{
					actions: [
									{
						startDate: "2020-7-01",
						endDate: "2020-7-31",
						title: "Oplevering",
						description: "<p>.</p>",
						finished: "0"
					},
										]
				}
						],
			
		cat_1: [
					],
			
		cat_2: [
					],
			
		cat_3: [
					],
			
		cat_4: [
					],
			
		cat_5: [
					],
			
		cat_6: [
					],
			
		cat_7: [
					],
			
		cat_8: [
					],
			
		cat_9: [
					],
			
		cat_10: [
					],
			
		cat_11: [
					],
			
		cat_12: [
					],
			
		cat_13: [
					],
			
		cat_14: [
					],
			
		cat_15: [
					],
			
		cat_16: [
					],
			
		cat_17: [
					],
			
		cat_18: [
					],
			
		cat_19: [
					],
			
		cat_20: [
					],
			
		cat_21: [
					],
			
		cat_22: [
					],
			
		cat_23: [
					],
	
	nameMonths: ["Januari","Februari","Maart","April","Mei","Juni","Juli","Augustus","September","Oktober","November","December"],

	
};


var mouseX = 0;
var mouseY = 0;

var mouseStart = 0;
var mouseDown = false;
var timelineContentPosition = 0;

$(function() {
	angular.element(document.getElementById('timelineContainer')).scope().initTimeline(timeline);

	$("#timelineContentOverlay").click(passThrough);

	$(window).resize(function() {
		angular.element(document.getElementById('timelineContainer')).scope().reSize();
	});

	$('#timelineContainer').unbind().mousemove(function(e) {
		mouseX = e.pageX;
		mouseY = e.pageY;
	});

	$('#timelineCenterColumn').mousedown(function(e) {

		angular.element(document.getElementById('timelineContainer')).scope().slideOnDown(e);

	}).on("vmousedown", function(e) {

		angular.element(document.getElementById('timelineContainer')).scope().slideOnDown(e);

	});

	$('#timelineCenterColumn').mousemove(function(e) {
		angular.element(document.getElementById('timelineContainer')).scope().slideOnMove(e);

	}).on("vmousemove", function(e) {

		angular.element(document.getElementById('timelineContainer')).scope().slideOnMove(e);

	});

	$('#timelineCenterColumn').mouseup(function(e) {

		angular.element(document.getElementById('timelineContainer')).scope().slideOnUp(e);

	}).on("vmouseup", function(e) {

		angular.element(document.getElementById('timelineContainer')).scope().slideOnUp(e);

	});

})

var passThroughElements = ["timelineAction", "mileStone", "afstemmingsmoment"];

function passThrough(e) 
{
	for(var i = 0 ; i < passThroughElements.length ; i++)
	{
	    $("." + passThroughElements[i]).each(function() {
	       // check if clicked point (taken from event) is inside element
	       var mouseX = e.pageX;
	       var mouseY = e.pageY;
	       var offset = $(this).offset();
	       var width = $(this).width();
	       var height = $(this).height();
	
	       if (mouseX > offset.left && mouseX < offset.left+width && mouseY > offset.top && mouseY < offset.top+height)
	         $(this).click(); // force click event
	    });
    }
}
	
function capitalizeFirstLetter(string) {
    return string.charAt(0).toUpperCase() + string.slice(1);
}



$( document ).ready(function() {
    $("#timeLineLoading").remove();
    $("#timelineContainer").fadeIn();
});