function calculatePoint(dotNumber, side) {
var dotType = '';
var dayDelta;
if (dotNumber < dateline.month.amount) {
dotType = 'month';
dayDelta = side * (dateline.month.amount - dotNumber);
} else if (dotNumber < dateline.month.amount + dateline.week.amount) {
dotType = 'week';
dayDelta = side * (dateline.month.amount + dateline.week.amount - dotNumber);
} else if (dotNumber < dateline.month.amount + dateline.week.amount + dateline.day.amount) {
dotType = 'day';
dayDelta = side * (dateline.month.amount + dateline.week.amount + dateline.day.amount - dotNumber);
}
var currentDay = globals.firstDay() + Math.floor(globals.daysPerPage() / 2);
var currentMoment = dateHelpers.toMoment(currentDay);
var dotMoment = currentMoment.clone().add(dayDelta, dotType);
var sidedDotNumber = side < 0 ? dotNumber : dotNumber + dateline.midPoint;
var x = dateline.interval / 2 + ((dateline.interval) * dotNumber);
x = side < 0 ? x : dateline.centerX * 2 - x; // Correct x for right sides.
dateline.dots[sidedDotNumber] = {
areas: [x - dateline.interval / 2, x + dateline.interval / 2],
x: x,
type: dotType,
text: dotMoment.format(dateline[dotType].format),
dayDifference: dotMoment.diff(currentMoment, 'days')
};
}
headerCtx.canvas.addEventListener('click', function (event) {
dayHelpers.updateFirstDay(globals.firstDay() + getDayDifference(event.x));
}, false);