Date.prototype.addDays = function(count) { this.setDate(this.getDate() + count); return this; }
Date.prototype.addWorkDays = function(count) {
for (var i=0;i<=count;i++) {
this.setDate(this.getDate() + 1);
while (this.getDay() == 0 || this.getDay() == 6) this.setDate(this.getDate() + 1);
}
return this;
}
Date.prototype.getCopy = function() { return new Date(this.getTime()); }
var calendar = {
element: null,
elmCity: null,
elmDetail: null,
elmTreatment: null,
elmPhysician: null,
elmDays: null,
loading: 'Beschikbare tijden worden opgehaald...',
nwpatient: 'Nieuwe patient',
data: {
"Amsterdam": null,
"Bussum": null,
"Rijswijk": null,
"Utrecht": null
},
activeCity: null,
activeTreatment: null,
activeDates: null,
shortDay: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
longDay: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
months: ['januari', 'februari', 'maart', 'april', 'mei', 'juni', 'juli', 'augustus', 'september', 'oktober', 'november', 'december'],
pages: [],
selectedDate: null,
selectedDaypart: null,
init: function($element) {
var self = this;
self.element = $element;
$(self.element).html('');
self.elmCity = $('.city select', this.element);
self.elmDetail = $('.detail', this.element);
$('.date a', self.elmDetail).live('click', function() {
if (!$(this).closest('div').hasClass('disabled')) {
self.selectedDaypart = $(this).html();
self.selectedDate = $(this).closest('.date').data('date');
if (self.elmPhysician.val() == self.nwpatient)
$('a#showPopup').attr('href', 'http://www.annatommie.nl/annatommie/nl-NL/_info/Afspraak+maken.aspx');
else
$('a#showPopup').attr('href', 'http://www.annatommie.nl/annatommie/nl-NL/_info/Bestaande+patient.aspx');
$('a#showPopup').click();
}
return false;
});
$('.navnext', self.element).live('click', function() {
self.navNext();
return false;
});
$('.navback', self.element).live('click', function() {
self.navBack();
return false;
});
self.elmCity.change(function() {
self.changeCity(self.elmCity.val());
});
$('a#showPopup').fancybox({
overlayShow: true,
hideOnOverlayClick: false,
hideOnContentClick: false,
frameWidth: 700,
frameHeight: 525
});
$.each(self.data, function(index) {
self.elmCity.append('');
});
self.changeCity(self.elmCity.val());
},
initTreatment: function(data) {
var self = this;
self.activeCity = data;
self.elmDetail.html('');
self.elmTreatment = $('.treatment select', this.element);
self.elmPhysician = $('.physician select', this.element);
self.elmDays = $('.days', this.element);
$.each(data, function(index) {
self.elmTreatment.append('');
});
self.elmTreatment.change(function() {
self.initPhysician(self.activeCity[self.elmTreatment.val()]);
});
self.elmPhysician.change(function() {
self.initDates(self.activeTreatment[self.elmPhysician.val()]);
});
self.initPhysician(data[self.elmTreatment.val()]);
},
initPhysician: function(data) {
var self = this;
self.activeTreatment = data;
self.elmPhysician.html('');
var og = $('optgroup', self.elmPhysician);
$.each(data, function(index) {
if (index != calendar.nwpatient) og.append('');
});
self.initDates(data[self.elmPhysician.val()]);
},
initDates: function(data) {
var self = this;
self.pages = [];
self.activeDates = data;
var fromDate = new Date().addWorkDays(4);
self.pages[self.pages.length] = fromDate;
self.showDates(data, fromDate);
},
showDates: function(data, fromDate) {
var self = this;
var count = 0;
var lastMonth = -1;
var doShow = function() {
$('.date,.month', self.elmDays).remove();
if (data) {
var date = self.getNextDate(data, fromDate);
while (date && (count < 4)) {
if (date.getMonth() != lastMonth) {
lastMonth = date.getMonth();
self.addMonth(date);
}
self.addDate(date.getCopy(), self.getDateObject(data, date));
date = self.getNextDate(data, date.addDays(1));
count++;
}
self.pages[self.pages.length] = date;
if (date) {
$('.navnext', self.element).css('display', 'block');
} else {
$('.navnext', self.element).css('display', 'none');
}
$('.navback', self.element).css('display', (self.pages.length > 2 ? 'inline' : 'none'));
}
}
if ($('.date,.month', self.elmDays).length > 0) {
self.elmDays.fadeOut(200, doShow).fadeIn(200);
} else {
doShow();
}
},
addMonth: function(date) {
var self = this;
self.elmDays.append('' + self.months[date.getMonth()] + '
');
},
addDate: function(date, dateObj) {
var self = this;
var elmDate = $('');
$(elmDate).data('date', date);
$('.day', elmDate).html(self.shortDay[date.getDay()] + ' ' + date.getDate());
if (!dateObj[0]) $('.morning', elmDate).addClass('disabled');
if (!dateObj[1]) $('.afternoon', elmDate).addClass('disabled');
self.elmDays.append(elmDate);
},
getNextDate: function(data, date) {
var self = this;
var count = date.getCopy();
var month; var day;
while (count.getMonth() - date.getMonth() < 3) {
if (self.getDateObject(data, count)) return count;
count.addDays(1);
}
return null;
},
getDateObject: function(data, date) {
var month = data['m' + (date.getMonth() + 1)];
if (!month) return null;
var result = month['d' + date.getDate()];
if (!result) return null;
if (!result[0] && !result[1]) return null;
return result;
},
changeCity: function(city) {
var self = this;
var change = function() {
alert(self.data[city]);
}
if (self.data[city])
self.initTreatment(self.data[city]);
else {
self.showLoading();
$.getJSON('/annatommie/data.ashx?locatie=' + city, function(data) {
self.combineDates(data);
self.initTreatment(self.data[city] = data);
});
}
},
combineDates: function(data) {
var city, newp, month, day;
$.each(data, function(index, value) {
city = value;
newp = {};
$.each(city, function(index, value) {
$.each(value, function(index, value) {
if (!newp[index]) newp[index] = {};
month = newp[index];
$.each(value, function(index, value) {
if (!month[index]) month[index] = [0, 0];
month[index][0] = month[index][0] | value[0];
month[index][1] = month[index][1] | value[1];
});
});
});
city[calendar.nwpatient] = newp;
});
},
navBack: function() {
this.pages.length -= 2;
this.showDates(this.activeDates, this.pages[this.pages.length - 1]);
},
navNext: function() {
this.showDates(this.activeDates, this.pages[this.pages.length - 1]);
},
showLoading: function() {
this.elmDetail.html('
' + this.loading + '