";
mootimeHTML += "";
//mootimeHTML += unescape("%3C/div%3E%0A%09%09%09%09%09%3Cdiv%20class%3D%22clear%22%20style%3D%22clear%3Aboth%3B%22%3E%26nbsp%3B%3C/div%3E%0A%09%09%09%09%3C/div%3E%0A%09%09%09%09%3Cdiv%20class%3D%22dialog_buttons%22%3E%0A%09%09%09%09%09%3Cinput%20type%3D%22button%22%20value%3D%22Close%22%20name%3D%22close%22%20class%3D%22close_timepicker%22%20/%3E%0A%09%09%09%09%09%3Cinput%20type%3D%22button%22%20value%3D%22Save%22%20name%3D%22save%22%20class%3D%22save_timepicker%22%20/%3E%0A%09%09%09%09%3C/div%3E%0A%09%09%09%3C/div%3E%0A%09%09%3C/td%3E%0A%09%09%3Ctd%20class%3D%22pop_border%20pop_side%22/%3E%0A%09%3C/tr%3E%0A%09%3Ctr%3E%0A%09%09%3Ctd%20class%3D%22pop_bottomleft%22/%3E%0A%09%09%3Ctd%20class%3D%22pop_border%20pop_bottom%22/%3E%0A%09%09%3Ctd%20class%3D%22pop_bottomright%22/%3E%0A%09%3C/tr%3E%0A%3C/tbody%3E%0A%3C/table%3E");
var newMooTime = new Element('div', {
'id': mootimeID,
'class': 'timepickerwrap',
'html': mootimeHTML
});
newMooTime.inject(timepickerInput, 'after');
var createMootime = $(timepickerInput + "_mootimewrap");
//shows the timepicker when user focuses on timepicker input field
$(timepickerInput).addEvent('dblclick', function () {
//calculates various positions to decide where to place the timepicker
var windowSize = $(window).getSize();
var windowScroll = $(window).getScroll();
var mootimeInput = $(timepickerInput).getCoordinates();
var mootimeInputBottom = mootimeInput.bottom;
var mootimeInputTop = mootimeInput.top;
var mootimeInputLeft = mootimeInput.left;
var mootimeInputRight = mootimeInput.right;
var adjustTopInput = mootimeInputBottom - windowScroll.y;
var halfWindow = windowSize.y / 2;
var distanceRight = windowSize.x - mootimeInputRight;
//sets all timepickers back one, so that one can be called to the front on focus
$$('.timepickerwrap').each(function (item) {
item.setStyle('z-index', '999');
});
//chooses whether to place the timepicker above or below the input field
$(createMootime).setStyle('display', 'block');
var mootimePickerLeft = mootimeInputLeft + 10;
if (adjustTopInput < halfWindow) {
var mootimePickerTop = mootimeInputBottom + 10;
mootimePickerTop = Math.max(0, mootimePickerTop);
$(createMootime).setStyle('top', mootimePickerTop);
$(createMootime).setStyle('z-index', '1000');
//chooses wheter to align the timepicker left of right of the input field
if (mootimeInputLeft < distanceRight) {
$(createMootime).setStyle('left', mootimePickerLeft);
}
else {
var timepickerSize = $(createMootime).getSize();
var mootimeInputSize = $(timepickerInput).getSize();
var timepickerLeftLeft = (mootimeInputLeft + mootimeInputSize.x) - timepickerSize.x;
$(createMootime).setStyle('left', timepickerLeftLeft);
};
}
else {
var mootimePickerBottom = mootimeInputTop - 10;
var mootimePickerHeight = $(createMootime).getSize();
mootimePickerBottom = mootimePickerBottom - mootimePickerHeight.y;
mootimePickerBottom = Math.max(0, mootimePickerBottom);
$(createMootime).setStyle('top', mootimePickerBottom);
$(createMootime).setStyle('z-index', '1000');
//chooses wheter to align the timepicker left of right of the input field
if (mootimeInputLeft < distanceRight) {
$(createMootime).setStyle('left', mootimePickerLeft);
}
else {
var timepickerSize = $(createMootime).getSize();
var mootimeInputSize = $(timepickerInput).getSize();
var timepickerLeftLeft = (mootimeInputLeft + mootimeInputSize.x) - timepickerSize.x;
$(createMootime).setStyle('left', timepickerLeftLeft);
};
}
});
//closes timepicker when user clicks "close"
$(createMootime).getElement('.close_timepicker').addEvent('click', function () {
$(createMootime).setStyle('display', 'none');
});
//removes the current class from current row only
var removeActive = function (times) {
$(createMootime).getElements('.' + times).each(function (item, index) {
var currentClass = item.hasClass('mootime_active');
if (currentClass) {
item.removeClass('mootime_active');
}
});
};
//applies to the following 4 functions:
//adds a click event to each time row that changes the clicked number to an active class,
//removes the active class from the previous current element
//and sets the time in the upper left display
//adds click event to hours
$(createMootime).getElements('.hrs').each(function (item) {
var hour = item.get('text');
item.addEvent('click', function () {
$(createMootime).getElement('.display_hour').set('text', hour);
removeActive('hrs');
item.addClass('mootime_active');
});
});
//adds click event to top minute row
$(createMootime).getElements('.min').each(function (item) {
var minute = item.get('text');
item.addEvent('click', function () {
$(createMootime).getElement('.display_min').set('text', minute);
removeActive('min');
item.addClass('mootime_active');
});
});
//adds click event to bottom minute row
$(createMootime).getElements('.mintwo').each(function (item) {
var minuteTwo = item.get('text');
item.addEvent('click', function () {
$(createMootime).getElement('.display_mintwo').set('text', minuteTwo);
removeActive('mintwo');
item.addClass('mootime_active');
});
});
//adds click event to am/pm
$(createMootime).getElements('.ampm').each(function (item) {
var amPm = item.get('text');
item.addEvent('click', function () {
$(createMootime).getElement('.display_ampm').set('text', amPm);
$(createMootime).getElement('.mootimeampm_active').removeClass('mootimeampm_active');
item.addClass('mootimeampm_active');
});
});
//grabs the current selected time and pushes it into the value property of the mootime input field
var chosenTime = function () {
//gets time from the timechooser display
var hour = $(createMootime).getElement('.display_hour').get('text');
var min = $(createMootime).getElement('.display_min').get('text');
var minTwo = $(createMootime).getElement('.display_mintwo').get('text');
var amPm = $(createMootime).getElement('.display_ampm').get('text');
var newChosenTime = hour + ':' + min + minTwo + amPm;
//sets the mootime input field to the time on the timechooser
$(timepickerInput).setProperty('value', newChosenTime);
//sets memory
$(createMootime).getElement('.hour_memory').setProperty('value', hour);
$(createMootime).getElement('.min_memory').setProperty('value', min);
$(createMootime).getElement('.mintwo_memory').setProperty('value', minTwo);
$(createMootime).getElement('.ampm_memory').setProperty('value', amPm);
};
// DELETE
$(createMootime).getElement('.delete_timepicker').addEvent('click', function () {
if (confirm("WARNING\n\nThis will destroy all tickets that have been purchased for this event time. They cannot be recovered.\n\nAre you sure you wish to delete this showtime?")) {
$(createMootime).setStyle('display', 'none');
$(timepickerInput).fireEvent('delete');
}
});
// SAVE
$(createMootime).getElement('.save_timepicker').addEvent('click', function () {
chosenTime();
$(createMootime).setStyle('display', 'none');
$(timepickerInput).fireEvent('change');
});
//CLOSE
$(createMootime).getElement('.close_timepicker').addEvent('click', function () {
//removes active class from rows
removeActive('hrs');
removeActive('min');
removeActive('mintwo');
$(createMootime).getElement('.mootimeampm_active').removeClass('mootimeampm_active');
//grabs saved time from "memory"
var memoryHour = $(createMootime).getElement('.hour_memory').getProperty('value');
var memoryMin = $(createMootime).getElement('.min_memory').getProperty('value');
var memoryMinTwo = $(createMootime).getElement('.mintwo_memory').getProperty('value');
var memoryAmPm = $(createMootime).getElement('.ampm_memory').getProperty('value');
//resets active class from "memory"
$(createMootime).getElement("'.hr" + memoryHour + "'").addClass('mootime_active');
$(createMootime).getElement("'.min" + memoryMin + "'").addClass('mootime_active');
$(createMootime).getElement("'.min0" + memoryMinTwo + "'").addClass('mootime_active');
$(createMootime).getElement('.' + memoryAmPm + "'").addClass('mootimeampm_active');
//resets timepicker time display from "memory"
$(createMootime).getElement('.display_hour').setProperty('text', memoryHour);
$(createMootime).getElement('.display_min').setProperty('text', memoryMin);
$(createMootime).getElement('.display_mintwo').setProperty('text', memoryMinTwo);
$(createMootime).getElement('.display_ampm').setProperty('text', memoryAmPm);
//hides the timepicker
$(createMootime).setStyle('display', 'none');
});
};