RolexYoungLaureates = function() {
// Private Variables
var _modal_id = 'modal';
var _overlay_id = 'modal_overlay';
var _overlay_html = '
'
var _modal_html = '
'
+ ''
+ '
';
var _presskit_html = '
'
+ ''
+ '
Please enter your information to receive a media press kit.
'
+ ''
+ ''
+ '
';
var _download_html = '
'
+ ''
+ '
Please enter your information to download this file.
'
+ ''
+ ''
+ '
';
// Private Functions
// Public Functions
this.form = {
init: function(f) {
f = $(f);
// Add form click observer
f.observe('click', this._onFormClick.bind(this));
// Add form submit observer
f.observe('submit', function(e) {
if (!this.validateSubmit(Event.element(e))) e.stop();
}.bind(this));
// Initialize all text fields
f.select('INPUT[type="text"]').each(function(input){
// Default Value
if (input.hasClassName('default')) {
input.setAttribute('default', $F(input));
input.observe('focus', function(event){
var i = event.findElement('INPUT');
if ($F(i) != i.getAttribute('default')) return;
i.value = '';
});
input.observe('blur', function(event){
var i = event.findElement('INPUT');
if ($F(i) != '') return;
i.value = i.getAttribute('default');
});
}
}.bind(this));
// Initialize all selects
f.select('SELECT').each(function(input){
this.select.applyStyle(input);
}.bind(this));
}
, _onFormClick : function(evnt) {
var elem = Event.element(evnt);
if (elem.hasClassName('form_select_option')) {
evnt.stopPropagation();
this.select.onOptionClick(elem);
} else if (elem.hasClassName('form_select')) {
evnt.stopPropagation();
this.select.onClick(elem);
} else if ((dd = elem.up('DIV.form_select'))) {
evnt.stopPropagation();
this.select.onClick(dd);
}
}
, select : {
applyStyle: function(item) {
var item = $(item);
var options_html = '';
var _input_select_option = new Template('
#{name}
');
var _input_select = new Template('
'
+ '
#{display}
'
+ ''
+ '
#{options}
'
+ '
');
$A(item.options).each(function(opt) {
if (!$(opt).hasClassName('first')) options_html += _input_select_option.evaluate({name: opt.text, value: opt.value});
});
// Extra stuff to add if this is a toggle_hide items
var input_extra = '';
if (item.hasClassName('required')) {
input_extra += 'class="required"';
}
var template_options = {
value : item.value
, name : item.name
, options : options_html
, display : item.options[item.selectedIndex].innerHTML || item.value
, input_extra : input_extra
};
item.replace(_input_select.evaluate(template_options));
}
, onClick: function(elem, type) {
// Make sure that all other dropdowns are closed first
$$('.form_select.open').invoke('removeClassName','open');
elem.down('.options').toggle();
elem.toggleClassName('open');
elem.observe('mouseout', function(e) {
if (!e.relatedTarget || !e.relatedTarget.up('.form_select')) {
var sel = e.findElement('.form_select');
sel.removeClassName('open');
sel.down('.options').hide();
e.stopObserving;
}
}.bind(this));
}
, onOptionClick: function(opt) {
var val = opt.getAttribute('option_value');
var sel = opt.up('.form_select');
sel.down('INPUT[type=hidden]').value = val;
sel.down('.display').update(opt.innerHTML);
sel.down('.options').hide();
}
} // End select
, validateSubmit: function(f) {
if (!(f = $(f))) {
alert('Could not find form "'+f+'"');
return false;
}
var ok = true;
// Clear any current errors
f.select('DIV.error').invoke('update', '');
// Check for required elements
f.select('.required').each(function(i) {
var val = $F(i) ? $F(i).strip() : '';
// Clear default value
if (i.hasClassName('default') && (val == i.getAttribute('default'))) {
val = '';
}
if (!val.length) {
ok = false;
var fs = i.up('FIELDSET');
if (!(ef = fs.down('.error'))) {
fs.insert({top: '
REQUIRED
'});
} else {
ef.update('REQUIRED');
}
}
});
// Check for required elements
f.select('.email').each(function(i) {
var val = $F(i) ? $F(i).strip() : '';
var _pattern_email = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!_pattern_email.test(val)) {
ok = false;
var fs = i.up('FIELDSET');
if (!(ef = fs.down('.error'))) {
fs.insert({top: '