$scope.config = {
	//All config properties can be found here: http://api.daypilot.org/daypilot-scheduler-properties/
	useEventBoxes: "Never",
	snapToGrid: false,
	allowEventOverlap: false,
	cssOnly: true,
	scale: "Day",
	days: 14,
	theme: "the_theme_Im_using",
	width: "100%",
	cellWidthSpec: "Auto",

	headerHeight: 90,
	eventHeight: 60,
	
	startDate: $scope.currentStartDate,

	onEventMoved: $scope.snapAReservationToNoon,
	onEventResized: $scope.snapAReservationToNoon,
	onEventResize: $scope.confirmReservationChange,
	onEventMove: $scope.confirmReservationChange,

	eventClickHandling: "JavaScript", //http://doc.daypilot.org/scheduler/event-clickhandling/
	onEventClicked: function(args) { $scope.openModal(args.e.data); },

	timeHeaders: [{ groupBy: "Cell", format: "d<br />dddd" }],
	rowHeaderColumns: [{ title: "Site", width: 80 }, { title: "Type", width: 70 }],

	//Progressive loading of resources (vertical)
	ProgressiveRowRendering: true,
	ProgressiveRowRenderingPreload: 12
};

//This function puts Site Number and Type in the left columns.
$scope.config.onBeforeResHeaderRender = function(args) {
	args.resource.id = args.resource.Id;
	args.resource.name = args.resource.SiteNumber;
	args.resource.columns[0].html = args.resource.SiteTypeCode;
};