var DTP = new Object(); DTP.retain_seconds = false;
DTP._cancel_pending = false; DTP._usingCreatePopup = true;
DTP._popup_div = false;
dtp_window = window;
DTP.createPopup = function() { if ( !document.getElementById("_popup_div") ) { try{ var popup_div = document.createElement("<iframe id='_popup_div' application='yes' frameborder='0' src='javascript:false'>"); }catch(err){ var popup_div = document.createElement('iframe'); popup_div.setAttribute('application','yes'); popup_div.setAttribute('frameborder','0'); popup_div.setAttribute('src','javascript:false'); popup_div.setAttribute('id','_popup_div'); } try{ document.getElementById('dtp_windows').parentNode.insertBefore( popup_div, document.getElementById('dtp_windows') ); }catch(err){ } popup_div.style.display = 'none'; popup_div.style.position = 'absolute'; popup_div.style.zIndex = 100; popup_div.show = DTP._popup.show; popup_div.hide = DTP._popup.hide; popup_div.onclick = DTP._popup.onclick; DTP._popup_div = popup_div; } return DTP._popup_div;
}; DTP._keypress = function() { var keycode = window.event.keyCode; if( (keycode > 47) && (keycode < 58) ) { DTP._cancel_pending = false; return true; } else return false;
}; DTP._keyup = function(fdname, pos) { var keycode = window.event.keyCode; var x = document.getElementById(fdname + pos).value; switch( keycode ) { case 37: if( pos > 1 ) { document.getElementById(fdname + (pos - 1)).focus(); document.getElementById(fdname + (pos - 1)).select(); } break; case 38: case 40: document.getElementById(fdname + pos).select(); break; case 39: if( pos < 3 ) { document.getElementById(fdname + (pos + 1)).focus(); document.getElementById(fdname + (pos + 1)).select(); } break; case 8: if( (pos > 1) && (document.getElementById(fdname + pos).value.length == 0) ) { document.getElementById(fdname + (pos - 1)).focus(); document.getElementById(fdname + (pos - 1)).select(); } break; case 9: break; default: if ( !DTP._cancel_pending ) { var field = document.getElementById(fdname + pos); if( (pos <= 2 || (pos >= 4 && pos < 6)) && field.value.length == parseInt(field.size,10) ) { var next_field = document.getElementById(fdname + (pos + 1)); if ( next_field ) { next_field.focus(); if ( next_field.select ) next_field.select(); } DTP._cancel_pending = true; } } break; }
}; DTP._str_lpad = function( str, length ) { var i, pad = ''; if ( str.length <= length ) { for( i=str.length; i < length; i++ ) pad += '0'; return pad+str; } else return str.substring( 0, length );
}; DTP._change = function(fdname, pos) { var value = document.getElementById(fdname + pos).value; var date_obj = document.getElementById(fdname); var date = date_obj.value; var mapping; if ( pos <= 3 ) { switch( DTP.date_format ) { case 'MYD': mapping = {1:2,2:1,3:3}; break; case 'MDY': mapping = {1:2,2:3,3:1}; break; case 'DMY': mapping = {1:3,2:2,3:1}; break; case 'DYM': mapping = {1:3,2:1,3:2}; break; case 'YMD': mapping = {1:1,2:2,3:3}; break; case 'YDM': mapping = {1:1,2:3,3:2}; break; } switch( mapping[pos] ) { case 1: value = this._str_lpad( value, 4 ); date_obj.value = value + date.substring( 4 ); break; case 2: value = this._str_lpad( value, 2 ); date_obj.value = date.substring( 0,5 ) + value + date.substring( 7 ); value = this._str_lpad( value, 2 ); break; case 3: value = this._str_lpad( value, 2 ); date_obj.value = date.substring( 0,8 ) + value + date.substring( 10 ); break; } } else { var hour = parseInt(document.getElementById(fdname+'4').value,10); var min = this._str_lpad( document.getElementById(fdname+'5').value,2 ); var ampm = document.getElementById(fdname+'6'); if ( ampm ) { if ( ampm.value == 'pm' || ampm.value == 'PM') { if ( hour < 12 ) hour = hour + 12; } else hour = hour % 12; } hour = this._str_lpad( (hour % 24) + '', 2 ); if ( date.length == 8 ) date_obj.value = (hour + ':' + min) + date.substring( 5 ); else date_obj.value = date.substring( 0, 11 ) + (hour + ':' + min) + date.substring( 16 ); } if ( date_obj.onchange ) date_obj.onchange();
};
DTP.ALL = 1;
DTP.DATE = 2;
DTP.TIME = 3;
DTP._disable = function() { var field,start,end; switch(arguments[0]) { case DTP.DATE: start=1;end=3; break; case DTP.TIME: start=4;end=6; break; case DTP.ALL: default: start=1;end=6; } for( i=start; i <= end; i++ ) { field = document.getElementById(this.name + i); if (field) field.disabled = true; else break; }
};
DTP._enable = function() { var field,start,end; switch(arguments[0]) { case DTP.DATE: start=1;end=3; break; case DTP.TIME: start=4;end=6; break; case DTP.ALL: default: start=1;end=6; } for( i=start; i <= end; i++ ) { field = document.getElementById(this.name + i); if (field) field.disabled = false; else break; }
}; DTP.date_picker = function( date_name, date ) { var year = date.substring( 0,4 ); var month = date.substring( 5,7 ); var day = date.substring( 8,10 ); var v1, v2, v3; switch( DTP.date_format ) { case 'MYD': v1 = month;	l1 = 2; v2 = year;	l2 = 4; v3 = day;	l3 = 2; break; case 'MDY': v1 = month;	l1 = 2; v2 = day;	l2 = 2; v3 = year;	l3 = 4; break; case 'DMY': v1 = day;	l1 = 2; v2 = month;	l2 = 2; v3 = year;	l3 = 4; break; case 'DYM': v1 = day;	l1 = 2; v2 = year;	l2 = 4; v3 = month;	l3 = 2; break; case 'YMD': v1 = year;	l1 = 4; v2 = month;	l2 = 2; v3 = day;	l3 = 2; break; case 'YDM': v1 = year;	l1 = 4; v2 = day;	l2 = 2; v3 = month;	l3 = 2; break; } document.write('<input class="date_box'+l1+'" size="'+l1+'" maxLength="'+l1+'" name="'+date_name+'1" id="'+date_name+'1" value="'+v1+'" onkeypress="return DTP._keypress();" onkeyup="DTP._keyup(\''+date_name+'\',1);" onfocus="this.select();" onchange="DTP._change(\''+date_name+'\',1)"/> / '); document.write('<input class="date_box'+l2+'" size="'+l2+'"  maxLength="'+l2+'" name="'+date_name+'2" id="'+date_name+'2" value="'+v2+'" onkeypress="return DTP._keypress();"  onkeyup="DTP._keyup(\''+date_name+'\',2);" onfocus="this.select();" onchange="DTP._change(\''+date_name+'\',2)" /> / '); document.write('<input class="date_box'+l3+'" size="'+l3+'"  maxLength="'+l3+'" name="'+date_name+'3" id="'+date_name+'3" value="'+v3+'" onkeypress="return DTP._keypress();" onkeyup="DTP._keyup(\''+date_name+'\',3);" onfocus="this.select();" onchange="DTP._change(\''+date_name+'\',3)" /> '); document.write('<img class="" src="'+ DTP.template_path +'images/external_reservation/calendar.gif" style="width:16px;height:16px" onclick="'+date_name+'_obj.show(this)"/> &nbsp;'); var hidden_field = document.getElementById(date_name); if ( hidden_field ) hidden_field.value = date.substring( 0, 10 ) + hidden_field.value.substring( 10 ); else { document.write( '<input type="hidden" id="'+date_name+'" name="'+date_name+'" value="'+date.substring( 0, 11 ) + '00:00:00' +'" />'); document.getElementById(date_name).disable = DTP._disable; document.getElementById(date_name).enable = DTP._enable; } eval( date_name + '_obj = new DTP.Calendar("'+date_name+'");'); }
DTP._real_left = function( obj ) { var left = 0; while( obj ) { left += obj.offsetLeft; obj = obj.offsetParent; } return left;
}; DTP._real_top = function( obj ) { var top = 0; while( obj ) { top += obj.offsetTop; obj = obj.offsetParent; } return top;
}; DTP._active_popup = null;
DTP._popup = { onclick : function ( e ) { if ( e ) { e.stopPropagation(); } else { window.event.cancelBubble = true; } }, show : function( x, y, width, height, obj ) { if ( obj ) { this.style.top = (DTP._real_top(obj) + y ) + 'px'; this.style.left = (DTP._real_left(obj) + x) + 'px'; } else { this.style.top = x + 'px'; this.style.left = y + 'px'; } this.style.display = 'block'; this.style.width = width + 'px'; this.style.height = height + 'px'; this.isOpen = true; DTP._active_popup = this; }, hide : function() { this.style.display = 'none'; this.isOpen = false; DTP._active_popup = null; }, hide2 : function() { if ( DTP._active_popup ) DTP._active_popup.hide(); }
}; DTP.Calendar = function(name, x, y, width, height, css_file) { return { obj_name : name + '_obj', year_list_range : 2, _input : document.getElementById(name), _name : name, _popup : DTP.createPopup(), _launch_obj : null, _loaded : false, _width : width ? width : 250, _height : height ? height : 280, _x_offset : x ? x : 5, _y_offset : y ? y : 5, show : function( launch_obj ) { var sel_year = parseInt( this._input.value.substring( 0,4 ), 10); var sel_month = parseInt( this._input.value.substring( 5,7 ), 10) - 1; this._launch_obj = launch_obj; this._popup.contentWindow.document.write( '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 STRICT//EN"><html><head><script>var dtp_window = window.parent</script></head><body>'+ ' <style> html { overflow:hidden; width:100%; height:100%; } body { margin:0px; font-family:Arial; font-size:14px; width:100%; height:100%; background-color:#EEEEEE; } div.dtp_body { border:outset 2px #c0c0c0; height:100%; position:relative; } table.dtp_calendar { font-size:14px; font-family:Arial; width:100%; } table.dtp_calendar tr.dayofweek td { text-decoration:underline; } table.dtp_calendar td { padding:3px; text-align:center; cursor:pointer; cursor:hand; } table.dtp_calendar td.prev { text-align:left; padding-left:6px; } table.dtp_calendar td.right img, table.dtp_calendar td.prev img { width:10px;height:10px; } table.dtp_calendar td.right { text-align:right; padding-right:6px; } table.dtp_calendar td.selected { border: 2px solid red; } table.dtp_calendar td.not_current { color:#999999; } table.dtp_calendar td.today { background-color: #ffffff; border: 1px solid #c0c0c0; } div.nav_today { position:absolute; bottom:2px; padding-top:3px; padding-bottom:3px; background-color: #ffffff; border-top: 1px solid #c0c0c0; border-bottom:outset 2px #c0c0c0; text-align:center; width:100%; cursor:hand; } </style> '+ this._generate_calendar( sel_month, sel_year ) +'</body></html>' ); this._popup.contentWindow.document.close(); this._popup.show(this._x_offset, this._y_offset, this._width, this._height, launch_obj ); this._loaded = true; }, _show : function( month, year ) { this._popup.contentWindow.document.body.innerHTML = ' <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 STRICT//EN"><html><head><script>var dtp_window = window.parent</script></head><body>'+" <style> html { overflow:hidden; width:100%; height:100%; } body { margin:0px; font-family:Arial; font-size:14px; width:100%; height:100%; background-color:#EEEEEE; } div.dtp_body { border:outset 2px #c0c0c0; height:100%; position:relative; } table.dtp_calendar { font-size:14px; font-family:Arial; width:100%; } table.dtp_calendar tr.dayofweek td { text-decoration:underline; } table.dtp_calendar td { padding:3px; text-align:center; cursor:pointer; cursor:hand; } table.dtp_calendar td.prev { text-align:left; padding-left:6px; } table.dtp_calendar td.right img, table.dtp_calendar td.prev img { width:10px;height:10px; } table.dtp_calendar td.right { text-align:right; padding-right:6px; } table.dtp_calendar td.selected { border: 2px solid red; } table.dtp_calendar td.not_current { color:#999999; } table.dtp_calendar td.today { background-color: #ffffff; border: 1px solid #c0c0c0; } div.nav_today { position:absolute; bottom:2px; padding-top:3px; padding-bottom:3px; background-color: #ffffff; border-top: 1px solid #c0c0c0; border-bottom:outset 2px #c0c0c0; text-align:center; width:100%; cursor:hand; } </style>" + this._generate_calendar( month, year ) + "</body></html>"; this._popup.show(this._x_offset, this._y_offset, this._width, this._height, this._launch_obj ); }, _days_in_month : function( month, year ) { var month_days = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; if (month != 1) return month_days[month]; else return ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0 ? 29 : 28); }, _generate_calendar : function( month, year ) { var today = new Date(); var today_month = today.getMonth(); var today_year = today.getFullYear(); var today_day = today.getDate(); var sel_year = parseInt(this._input.value.substring( 0,4 ), 10); var sel_month = parseInt(this._input.value.substring( 5,7 ), 10) - 1; var sel_day = parseInt(this._input.value.substring( 8,10 ), 10); var gen_month = new Date(year, month, 1); var first_day = gen_month.getDay(); var calendar = '<div class="dtp_body"><table class="dtp_calendar" cellspacing="2" cellpadding="0">'; var prev_year = gen_month.getFullYear(); var prev_month = gen_month.getMonth() - 1; if( prev_month < 0 ) { prev_month = 11; prev_year--; } var next_year = gen_month.getFullYear(); var next_month = gen_month.getMonth() + 1; if( next_month > 11 ) { next_month = 0; next_year++; } var i, month_options = ''; for (i=0; i < 12; i++) { selected = (i == gen_month.getMonth() ? 'selected="selected"' : ''); month_options += '<option value="' + i + '" ' + selected + '>' + DTP.month_names[i] + '</option>'; } var month_list = '<select name="months" onchange="dtp_window.' + this.obj_name + '._show(this.options[this.selectedIndex].value,'+year+')">' + month_options + '</select>'; var range_end = gen_month.getFullYear() + this.year_list_range; var year_options = ''; for (i = gen_month.getFullYear() - this.year_list_range; i <= range_end; i++) { selected = (i == gen_month.getFullYear() ? 'selected="selected"' : ''); year_options += '<option value="' + i + '" ' + selected + '>' + i + '</option>'; } var year_list = '<select onchange="dtp_window.' + this.obj_name + '._show('+month+', this.options[this.selectedIndex].value)">' + year_options + '</select>'; calendar += '<tr class="header"><td class="prev" onclick="dtp_window.'+this.obj_name+'._show(' + prev_month + ', ' + prev_year + ')">' + '<img src="' + DTP.template_path + 'images/external_reservation/prev.gif" alt="<<" />' + '</td><td colspan="5" class="list">' + month_list + ' ' + year_list + '</td><td class="right" onclick="dtp_window.'+this.obj_name+'._show(' + next_month + ', ' + next_year + ')">' + '<img src="' + DTP.template_path + 'images/external_reservation/next.gif" alt=">>"/>' + '</td></tr>'; var week, day_of_week, day, num_days = this._days_in_month(month, year); var prev_num_days = this._days_in_month(prev_month, prev_year); calendar += '<tr class="dayofweek">'; for(day_of_week=0; day_of_week < 7; day_of_week++ ) calendar += '<td>'+DTP.day_names[day_of_week]+'</td>'; calendar += '</tr><tr>'; for(day_of_week=0,day=prev_num_days-7-first_day+1; day_of_week < 7; day_of_week++, day++ ) calendar += '<td class="not_current" onclick="dtp_window.'+this.obj_name+'._set_date('+prev_year+','+prev_month+','+day+')">' + day + '</td>'; calendar += '</tr><tr>'; for(day_of_week=0,day=prev_num_days-first_day+1; day_of_week < first_day; day_of_week++, day++ ) calendar += '<td class="not_current" onclick="dtp_window.'+this.obj_name+'._set_date('+prev_year+','+prev_month+','+day+')">' + day + '</td>'; var css_style; week = 0; day = 1; while( day <= num_days ) { if( day_of_week == 7 ) { week++; calendar += '</tr><tr>'; day_of_week = 0; } css_style = ''; if ( day == sel_day && month == sel_month && year == sel_year ) css_style = 'class="selected"'; else if ( day == today_day && month == today_month && year == today_year ) css_style = 'class="today"'; calendar += '<td ' + css_style + ' onclick="dtp_window.'+this.obj_name+'._set_date('+year+','+month+','+day+');">' + day + '</td>'; day_of_week++; day++; } for(day=1; day_of_week < 7; day_of_week++, day++ ) calendar += '<td class="not_current" onclick="dtp_window.'+this.obj_name+'._set_date('+next_year+','+next_month+','+day+')">' + day + '</td>'; calendar += '</tr><tr>'; for(day_of_week=0; day_of_week < 7; day_of_week++, day++ ) calendar += '<td class="not_current" onclick="dtp_window.'+this.obj_name+'._set_date('+next_year+','+next_month+','+day+')">' + day + '</td>'; calendar += '</tr>'; calendar += '</table>'; calendar += '<div class="nav_today" onclick="dtp_window.'+this.obj_name+'._set_date('+today_year+','+today_month+','+today_day+')">'+DTP.lang_today+'</div>'; return calendar + '</div>'; }, _set_date : function( year, month, day ) { month++; if ( month < 10 ) month = '0' + month; if ( day < 10 ) day = '0' + day; var date = year + '-' + month + '-' + day; this._input.value = date + this._input.value.substr( 10 ); this._popup.hide(); var f1 = document.getElementById(this._name + '1'); var f2 = document.getElementById(this._name + '2'); var f3 = document.getElementById(this._name + '3'); if ( f1 && f2 && f3 ) { var v1, v2, v3; switch( DTP.date_format ) { case 'MYD': v1 = month; v2 = year; v3 = day; break; case 'MDY': v1 = month; v2 = day; v3 = year; break; case 'DMY': v1 = day; v2 = month; v3 = year; break; case 'DYM': v1 = day; v2 = year; v3 = month; break; case 'YMD': v1 = year; v2 = month; v3 = day; break; case 'YDM': v1 = year; v2 = day; v3 = month; break; } f1.value = v1; f2.value = v2; f3.value = v3; } if ( this._input.onchange ) this._input.onchange(); } }
}; DTP.time_picker = function( name, time ) { var temp_hour, is_am; if ( time.length == 8 ) { var time_hour = parseInt(time.substring( 0,2 ),10); var time_min = parseInt(time.substring( 3,5 ),10); if ( !DTP.retain_seconds ) time = time.substr( 0, 6 ) + '00'; } else { var time_hour = parseInt(time.substring( 11,13 ),10); var time_min = parseInt(time.substring( 14,16 ),10); if ( !DTP.retain_seconds ) time = time.substr( 0, 17 ) + '00'; } if( DTP.clock_type == 1 ) { if( time_hour > 12 ) { temp_hour = time_hour - 12; if( time_hour == 24 ) is_am = true; else is_am = false; } else { temp_hour = time_hour; if( time_hour == 12 ) is_am = false; else is_am = true; } } else { temp_hour = time_hour; } if( temp_hour == 0 ) temp_hour = 12; if( temp_hour < 10 ) temp_hour = "0" + temp_hour; if( time_min < 10 ) time_min = "0" + time_min; document.write( '<input class="date_box2" size="2" maxLength="2" id="'+name+'4" value="'+temp_hour+'" onkeypress="return DTP._keypress();" onkeyup="DTP._keyup(\''+name+'\',4);" onfocus="this.select();"  onchange="DTP._change(\''+name+'\',4)"/>&nbsp;:&nbsp;'); document.write( '<input class="date_box2" size="2" maxLength="2" id="'+name+'5" value="'+time_min+'" onkeypress="return DTP._keypress();" onkeyup="DTP._keyup(\''+name+'\',5);" onfocus="this.select();"  onchange="DTP._change(\''+name+'\',5)"/>'); if( DTP.clock_type == 1 ) { document.write( '&nbsp;<select class="date_box" id="'+name+'6" onchange="DTP._change(\''+name+'\',6)">' ); if( is_am ) { document.write( '<option selected value="am">'+DTP.lang_AM+'</option>' ); document.write( '<option value="pm">'+DTP.lang_PM+'</option>' ); } else { document.write( '<option value="am">'+DTP.lang_AM+'</option>' ); document.write( '<option selected value="pm">'+DTP.lang_PM+'</option>' ); } document.write( '</select>' ); } var hidden_field = document.getElementById(name); if ( hidden_field ) hidden_field.value = hidden_field.value.substring( 0, 11 ) + (time.length == 8 ? time : time.substring( 11 ) ); else { document.write( '<input type="hidden" id="'+name+'" name="'+name+'" value="'+time+'"/>'); document.getElementById(name).disable = DTP._disable; document.getElementById(name).enable = DTP._enable; }
}; DTP.date_format = 'MDY'; DTP.template_path = 'http://www.oftendining.com/templates/standard/'; DTP.day_names = new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat"); DTP.month_names = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); DTP.lang_today = 'Today'; DTP.lang_AM = 'AM'; DTP.lang_PM = 'PM'; DTP.clock_type = 1; try{ document.attachEvent( 'onmousedown', DTP._popup.hide2 ); }catch(err){ document.addEventListener('mousedown', DTP._popup.hide2, true ); } document.write('<form id="_reservation_form" method="post" action="http://www.oftendining.com/restaurant_info/reservation.php?store_id=1194" style="margin:0px;width:300px;" target="_blank" ><input type="hidden" name="submit_type" value="check_reservation" /> <input type="hidden" name="external_reservation" value="1" /><table cellspacing="10" cellpadding="0" ><tr><td><div class="oftendining_text">Party Size:</div></td><td><select name="check_party_size" > <option value="1">1</option> <option value="2" selected>2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> </select></td></tr><tr><td><div class="oftendining_text">Date:</div></td><td><div id="dtp_windows"></div>'); DTP.date_picker( 'check_date', '2010/07/30' ); document.write('</td></tr><tr><td><div class="oftendining_text">Time:</div></td><td><select name="check_hour"> <option  value="1">1</option> <option  value="2">2</option> <option  value="3">3</option> <option  value="4">4</option> <option  value="5">5</option> <option  value="6">6</option> <option selected value="7">7</option> <option  value="8">8</option> <option  value="9">9</option> <option  value="10">10</option> <option  value="11">11</option> <option  value="12">12</option> </select> <select name="check_min" > <option  value="00">:00</option> <option  value="15">:15</option> <option  value="30">:30</option> <option  value="45">:45</option> </select> <select name="check_ampm" > <option  value="AM">AM</option> <option selected value="PM">PM</option> </select></td></tr><tr><td></td><td><div style="text-align:center;"><input id="oftendining_rsv_search" type="submit" value="Search" /></div></td></tr></table></form>'); var reservation_form = { change_store_id : function( store_id ) { document.getElementById( '_reservation_form' ).action = 'http://www.oftendining.com/restaurant_info/reservation.php?store_id='+store_id; }
}