// Brad: This file HAS BEEN updated with all your edits
var arrowR_on = new Image(); arrowR_on.src = "images/arrowR_on.gif";
var arrowL_on = new Image(); arrowL_on.src = "images/arrowL_on.gif";
PF = new PrinterFriendly();
var sCalHTML = ( macIE ) ? true : false;
//sCalHTML = true;
var dCalHTML = !sCalHTML;
var nYearsInPulldown = 3;
var dTextCal = [
"",
"Show previous day",
"Go to Today",
"Show next day",
"Learn about using our calendar & booking form",
"Insert data for this client into the booking form below",
"Flushes new or updated data from server (if any)",
"Done",
""
];
var calMsg = [
"ERROR: We're sorry but our calendar is currently unable to display because a data error has been detected",
""];
var gToday = new Date();
var gThisYear = gToday.getFullYear();
var gThisMonth = gToday.getMonth() + 1;
var gThisDay = gToday.getDate();
//--------------------------------------------------------------------------------------
// Sets event date in form when user clicks iFrame Cal or arrows, etc...
function setEventDate( theMonth, theDay, theYear ) {
try{
var Form = document.form;
Form.Wedding_Month.selectedIndex = theMonth - 1;
Form.Wedding_Day.selectedIndex = theDay - 1;
Form.Wedding_Year.selectedIndex = theYear - gThisYear;
}
catch( e ) {}
}
//--------------------------------------------------------------------------------------
// This function called from showNewDay in iframe when user clicks a new date in calendar OR "Today", "Right" or "Left" arrows in parent and onLoad
function setArrows( theMonth, theDay, theYear, LastDay ) {
var FirstDay = new Date( gThisYear, gThisMonth - 1, 1 );
var DateSelected = new Date( theYear, theMonth - 1, theDay );
var LeftArrow = document.getElementById( "navLeftArrow" );
if( FirstDay.getTime() == DateSelected.getTime() )
LeftArrow.className = "visHide";
else
LeftArrow.className = "visShow";
var RightArrow = document.getElementById( "navRightArrow" );
if( LastDay.getTime() == DateSelected.getTime() )
RightArrow.className = "visHide";
else
RightArrow.className = "visShow";
var PriorDay = new Date( theYear, theMonth - 1, theDay - 1 );
var LeftArrowLink = document.getElementById( "navLeftArrowLink" );
LeftArrowLink.title = "Go to Previous Day: " + ( PriorDay.getMonth() + 1 ) + "/" + PriorDay.getDate() + "/" + PriorDay.getFullYear();
var NextDay = new Date( theYear, theMonth - 1, theDay + 1 );
var RightArrowLink = document.getElementById( "navRightArrowLink" );
RightArrowLink.title = "Go to Next Day: " + ( NextDay.getMonth() + 1 ) + "/" + NextDay.getDate() + "/" + NextDay.getFullYear();
setEventDate( theMonth, theDay, theYear );
}
//--------------------------------------------------------------------------------------
function getDatesFromQstr() {
var qStrIsValid = true;
var qStr = getQueryStr();
var TheDate = new Array();
if( qStr && qStr.toLowerCase().indexOf( "date=" ) == 0 ) {
var dateStr = qStr.split( "=" )[ 1 ];
dateStr = dateStr.replaceLiteral( "/", "-" );
TheDate = dateStr.split( "-" );
if( TheDate.length == 3 ) {
for( var i = 0; i < TheDate.length; i++ ) {
if( isNaN( TheDate[ i ] ) ) qStrIsValid = false;
}
if( TheDate[ 2 ].length == 2 || TheDate[ 2 ].length == 4 ) {
if( TheDate[ 2 ].length == 2 )
TheDate[ 2 ] = "20" + TheDate[ 2 ];
}
else
qStrIsValid = false;
}
else qStrIsValid = false;
}
else
qStrIsValid = false;
// Overide incoming arguments with qStr values
if( qStrIsValid ) {
for( var i = 0; i < TheDate.length; i++ )
TheDate[ i ] = parseInt( TheDate[ i ] );
}
else TheDate = null;
return TheDate;
}
//--------------------------------------------------------------------------------------
function showAutoInsertMsg( evt ) {
if( gArrIndex == -1 ) {
var AutoFill = [ "Save Time", "" +
"You can auto-insert your client's data directly into this booking form if you'd like. It's easy, here's how:" +
"" +
"
If you haven't already done so, locate your client by clicking on their wedding date in the calendar above." +
"
Then, with your client's data displayed, click the Client link located just to the left of their names." +
"
" +
"" ];
if( window.DW ) DW.createWindow( AutoFill, null, evt, [2,-100,-15 ], [0,400,0], 6 );
}
}
//--------------------------------------------------------------------------------------
gArrIndex = -1;
function autoInsert( arrIndex ) {
arrIndex = parseInt( arrIndex );
var client = WebData[ arrIndex ][ 21 ];
var clientMsg = ( client ) ? client : "this client";
if( confirm( "Would you like to auto insert the data for \"" + clientMsg + "\" into the booking form below?" ) ) {
unMarkAllFields();
gArrIndex = arrIndex;
var Form = document.form;
Form.Video_Package.selectedIndex = 0;
for( var i = 0; i < Form.Coverage_Start_Time.length; i++ ) {
if( Form.Coverage_Start_Time[ i ].defaultSelected ) {
Form.Coverage_Start_Time.selectedIndex = i;
break
}
}
var dateStr = WebData[ arrIndex ][ 0 ];
var sTime = WebData[ arrIndex ][ 19 ].toLowerCase();
var eTime = WebData[ arrIndex ][ 20 ].toLowerCase();
var loc = Loc[ WebData[ arrIndex ][ 24 ].toString() ];
var pkg = Pkg[ WebData[ arrIndex ][ 22 ].toString() ].toLowerCase();
var EventDate = dateStr.split( "/" );
var mon = parseInt( EventDate[ 0 ] );
var day = parseInt( EventDate[ 1 ] );
var yr = parseInt( EventDate[ 2 ] );
Form.Wedding_Month.selectedIndex = mon - 1;
Form.Wedding_Day.selectedIndex = day - 1;
Form.Wedding_Year.selectedIndex = yr - gThisYear;
switch( pkg ) {
case "akamai":
Form.Video_Package.selectedIndex = 1; break;
case "alii":
Form.Video_Package.selectedIndex = 2; break;
case "no ka oi":
Form.Video_Package.selectedIndex = 3; break;
case "ohana":
Form.Video_Package.selectedIndex = 4; break;
case "me ke aloha":
Form.Video_Package.selectedIndex = 5; break;
case "kapiolani":
Form.Video_Package.selectedIndex = 6; break;
case "kamehameha":
Form.Video_Package.selectedIndex = 7; break;
case "directors cut":
Form.Video_Package.selectedIndex = 8; break;
// Package not found, so add it as last option in pull-down
default:
var addNewOption = true;
var VideoPullDown = Form.Video_Package;
// Make sure user didn't already add this one
for( var i = 0; i < VideoPullDown.length; i++ ) {
if( VideoPullDown[ i ].value == pkg ) {
VideoPullDown.selectedIndex = i;
addNewOption = false;
break;
}
}
if( addNewOption ) {
VideoPullDown.length++;
var newOptionNum = VideoPullDown.length - 1;
VideoPullDown[ newOptionNum ].value = pkg;
VideoPullDown[ newOptionNum ].text = pkg.charAt(0).toUpperCase() + pkg.substring( 1, 25 );
VideoPullDown.selectedIndex = newOptionNum;
}
}
if( sTime ) {
sTime = sTime.removeWhiteSpace();
var StartTime = Form.Coverage_Start_Time;
var sTimeSet = false;
for( var i = 0; i < StartTime.length; i++ ) {
var sTimePullDown = StartTime[ i ].text.removeWhiteSpace();
var sTimePullDown = sTimePullDown.toLowerCase();
if( sTime == sTimePullDown ) {
StartTime.selectedIndex = i;
sTimeSet = true;
}
}
if( eTime && sTimeSet ) {
eTime = eTime.removeWhiteSpace();
var EndTime = Form.Coverage_End_Time;
for( var i = 0; i < EndTime.length; i++ ) {
var eTimePullDown = EndTime[ i ].text.removeWhiteSpace();
var eTimePullDown = eTimePullDown.toLowerCase();
if( eTime == eTimePullDown ) {
EndTime.selectedIndex = i;
}
}
}
}
Form.Location.value = ( loc ) ? loc : Form.Location.defaultValue;
Form.Number_Guests.value = ( WebData[ arrIndex ][ 25 ] ) ? WebData[ arrIndex ][ 25 ] : Form.Number_Guests.defaultValue;
Form.Photographer.value = ( Pho[ WebData[ arrIndex ][ 26 ] ] ) ? Pho[ WebData[ arrIndex ][ 26 ] ] : Form.Photographer.defaultValue;
Form.Minister.value = ( Min[ WebData[ arrIndex ][ 27 ] ] ) ? Min[ WebData[ arrIndex ][ 27 ] ] : Form.Minister.defaultValue;
Form.Client_Email.value = ( WebData[ arrIndex ][ 9 ] ) ? WebData[ arrIndex ][ 9 ] : Form.Client_Email.defaultValue;
var firstNames = WebData[ arrIndex ][ 2 ];
var bFirst = firstNames, gFirst = firstNames;
var FirstName = firstNames.split( "&" );
if( FirstName.length == 2 ) {
gFirst = FirstName[ 0 ].trim();
bFirst = FirstName[ 1 ].trim();
}
Form.Bride_First_Name.value = ( bFirst ) ? bFirst : Form.Bride_First_Name.defaultValue;
Form.Bride_Last_Name.value = ( WebData[ arrIndex ][ 4 ] ) ? WebData[ arrIndex ][ 4 ] : Form.Bride_Last_Name.defaultValue;
Form.Groom_First_Name.value = ( gFirst ) ? gFirst : Form.Groom_First_Name.defaultValue;
Form.Groom_Last_Name.value = ( WebData[ arrIndex ][ 3 ] ) ? WebData[ arrIndex ][ 3 ] : Form.Groom_Last_Name.defaultValue;
Form.Street_Address.value = ( WebData[ arrIndex ][ 5 ] ) ? WebData[ arrIndex ][ 5 ].replaceLiteral( " ", "\n" ) : Form.Street_Address.defaultValue;
Form.City.value = ( WebData[ arrIndex ][ 6 ] ) ? WebData[ arrIndex ][ 6 ] : Form.City.defaultValue;
Form.State.value = ( WebData[ arrIndex ][ 7 ] ) ? WebData[ arrIndex ][ 7 ] : Form.State.defaultValue;
Form.Zip.value = ( WebData[ arrIndex ][ 8 ] ) ? WebData[ arrIndex ][ 8 ] : Form.Zip.defaultValue;
Form.Home_Tel.value = ( WebData[ arrIndex ][ 10 ] ) ? WebData[ arrIndex ][ 10 ] : Form.Home_Tel.defaultValue;
Form.Work_Tel.value = ( WebData[ arrIndex ][ 11 ] ) ? WebData[ arrIndex ][ 11 ] : Form.Work_Tel.defaultValue;
setTimeout( 'self.status = "Client data successfully inserted into booking form..."', 500 );
}
}
//--------------------------------------------------------------------------------------
// This function returns the booking calendar
function getCalendar( theMonth, theDay, theYear ) {
var TheDate = getDatesFromQstr();
if( TheDate ) {
theMonth = TheDate[ 0 ];
theDay = TheDate[ 1 ];
theYear = TheDate[ 2 ];
}
var TheDate = new Date( theYear, theMonth - 1, theDay );
var dayOfWeek = getDayOfWeek( TheDate.getDay() );
var todayStr = dayOfWeek + "; " + getMonthName( theMonth, true ) + " " + theDay + ", " + theYear;
var todayStrToMatch = theMonth + "/" + theDay + "/" + theYear;
var html = "";
html +=
"" +
"
" +
"
" +
"
" +
"" +
"
" +
"
" +
"
" +
"";
return html;
}
//--------------------------------------------------------------------------------------
function isNavFrameReady() {
var navFrameReady = false;
if( eval( "typeof NavFrame" ) == "object" && NavFrame.initialized )
navFrameReady = true;
else {
alert( "We're sorry but our database is currently being updated, please wait a moment & try again." );
document.NavFrame.location.reload();
}
return navFrameReady;
}
//--------------------------------------------------------------------------------------
// Called onLoad of iframe
function showNav() {
document.getElementById( "navShowToday" ).className = "visShow";
document.getElementById( "navRightArrow" ).className = "visShow";
}
//--------------------------------------------------------------------------------------
// Called by static HTML browsers only (Macs) upon left or right arrow click
function showNextOrPriorDayStatic( offset ) {
var DateSelector = document.DateSelector;
var theMonth = parseInt( DateSelector.month.selectedIndex + 1 );
var theDay = parseInt( DateSelector.day.selectedIndex + 1 );
var theYear = parseInt( DateSelector.year[ DateSelector.year.selectedIndex ].text );
var NewDate = ( theDay + offset ) ?
new Date( theYear, theMonth - 1, theDay + offset ) :
new Date( theYear, theMonth - 2, getNumDaysInMonth( theMonth - 1, theYear ) );
if( NewDate.getFullYear() - gThisYear < nYearsInPulldown && NewDate.getFullYear() - gThisYear >= 0 ) {
DateSelector.month.selectedIndex = NewDate.getMonth();
DateSelector.day.selectedIndex = NewDate.getDate() - 1;
DateSelector.year.selectedIndex = NewDate.getFullYear() - gThisYear;
showNewDay();
}
else
alert( "You have reached beginning or end of possible dates, please select another date & try again." );
}
//--------------------------------------------------------------------------------------
// Called by static HTML browsers when clicks "GO"
function showNewDay() {
var DateSelector = document.DateSelector;
var theMonth = parseInt( DateSelector.month.selectedIndex + 1 );
var theDay = parseInt( DateSelector.day.selectedIndex + 1 );
var theYear = parseInt( DateSelector.year[ DateSelector.year.selectedIndex ].text );
var nDaysInMon = getNumDaysInMonth( theMonth, theYear );
if( theDay > nDaysInMon ) {
alert( getMonthName( theMonth, true ) + " has only " + nDaysInMon + " days, select a valid date & try again..." );
TheDate = null;
}
else
document.location.href = "calendar.html?date=" + escape( theMonth + "-" + theDay + "-" + theYear );
}
//--------------------------------------------------------------------------------------
CalHelp = [ "BOOKING CALENDAR", "" +
"
About
" +
"
Our Booking Calendar is automated and database driven. It provides current booking information for our weddings and events. It is updated multiple times each day. You may click dates in the calendar to view booking information for that day.
" +
"
Using Our Booking Form
" +
"
Just below our Booking Calendar, you will find our Booking Form. You may fill out and submit this booking form if you would like to:
" +
"
" +
"" +
"
Request a New Booking" +
"
Request a New Tentative Booking" +
"
Confirm an Existing Booking" +
"
Cancel an Existing Booking" +
"
" +
"
" +
"
" +
"TIP: For your convenience, you may \"auto-insert\" client data from the calendar display directly into the booking form. Doing so prevents you from having to re-type it. You will find this useful if you would like to confirm or cancel an existing booking. To \"auto-insert\" you client's data, simply click the \"Client\" link to the left of the client's name in the calendar data display." +
"
" +
"
" +
"Please Note: We would appreciate your sending us one request per client. For example, say you have two clients and you want to request a booking for each of them. In this case, you would fill out the form for client #1 and submit it, then fill out the form for client #2 and submit it." +
"
" +
"
This Is A Date Sensitive Application
" +
"
Upon loading, our calendar sets the display to today's date. It does so by reading the current date from the clock built into your operating system. If the calendar shows an incorrect date for today's date you will need to reset your computer's clock. On windows computers this is typically done by double-clicking the clock in the lower right hand corner of your screen or going to the date and time settings within your control pannels.
" +
"
Problems & Errors
" +
"
Should you experience any technical problems with this page, please take a moment to Report a Problem. Doing so will greatly assist us in resolving technical issues and improving our system to better serve you.
" +
"" ];
//--------------------------------------------------------------------------------------
function writeCalGUI( theMonth, theDay, theYear ) {
var html =
"
" +
"" +
" 
" +
"