/* Mini Calendar Class */
var MiniCal = Class.create({
	initialize: function() {
		this.registerCalendar();
		this.a_continueBtn = $$("a.btn_continue")[0];
		//this.hideCal(event);
		this.selectField.observe("click", this.showCal.bindAsEventListener(this));
	},

	registerCalendar: function() {
		this.selectField = $("date_time_field");
		this.calPopup = $("perf_calendar");
		//this.a_calClose = this.calPopup.select("a.cal_close")[0];

		this.a_nextMonth = $$("div#cal_month_select a.next_month")[0];
		this.a_prevMonth = $$("div#cal_month_select a.prev_month")[0];
		this.a_dates = this.calPopup.select("td a.event");

		if (this.a_nextMonth) {
			this.a_nextMonth.observe("click", this.requestCalUpdate.bindAsEventListener(this));
		}
		if (this.a_prevMonth) {
			this.a_prevMonth.observe("click", this.requestCalUpdate.bindAsEventListener(this));
		}
		if (this.a_dates) {
			for (var i = 0; i < this.a_dates.length; i++) {
				this.a_dates[i].observe("click", this.requestCalUpdate.bindAsEventListener(this));
			}
		}
		//this.a_calClose.observe("click", this.hideCal.bindAsEventListener(this));
	},

	showCal: function(event) {
		if (event) event.stop();
		this.calPopup.show();
		if (this.perfPopup && this.perfPopup.visible()) {
			this.hidePerfInfo();
		}
	},

	hideCal: function(event) {
		if (event) event.stop();
		this.calPopup.hide();
	},

	hidePerfInfo: function(event) {
		if (event) event.stop();
		this.perfPopup.hide();
	},

	setDateTime: function(event) {
		//this.hideCal(event);
		this.hidePerfInfo(event);
		var perfTime = Event.findElement(event, "dd").previous("dt").innerHTML;
		var perfDate = Event.findElement(event, "dd").up().previous("strong").innerHTML;
		var linkURL = Event.findElement(event).href;

		this.selectField.down("span").update(perfDate + ", " + perfTime);
		this.a_continueBtn.writeAttribute("href", linkURL);
	},

	requestCalUpdate: function(event) {
		event.stop();
		var elMonthLink = event.findElement("a");
		var requestParams = elMonthLink.href.parseQuery();

		new Ajax.Updater({ success: 'perf_calendar', failure: 'cal_failure' }, '/_ajax-calendar.aspx', {
			method: 'get',
			parameters: requestParams,
			onComplete: function(transport) {
				this.registerCalendar();
				this.perfPopup = $("perf_times");

				if (this.perfPopup) {
					this.a_timeSelects = this.perfPopup.select("dl dd a[href]");
					this.a_soldOut = this.perfPopup.select("dl dd a:not([href])");
					this.a_perfClose = this.perfPopup.select("a#back_to_cal")[0];

					for (var i = 0; i < this.a_timeSelects.length; i++) {
						this.a_timeSelects[i].observe("click", this.setDateTime.bindAsEventListener(this));
					}
					for (var i = 0; i < this.a_soldOut.length; i++) {
						this.a_soldOut[i].replace("<span>Sold Out</span>");
					}

					this.a_perfClose.observe("click", this.hidePerfInfo.bindAsEventListener(this));
				}
			} .bind(this)
		});
	}
});

document.observe("dom:loaded", function() {
    var miniCalWidget = new MiniCal();
});