(function(){
var embedId = +(new Date()) + '-' + Math.random().toString().substr(2);
var initialHeight = "";
var staticHeight = "";
var embedSrc = "";
var isFallback = !window.JSON || !window.addEventListener; // Quirksmode / old IE.
var fallbackSrc = "";
var isWrapped = false;
var isLightframed = true;
var isAlwaysLightframed = false;
var lightframePath = "https://fareharbor.com/embeds/book";
var originPath = "https://fareharbor.com";
var apiVersion = "";
// We don't allow lightframes on touch devices because they suck; except The Denz
// has a touchscreen laptop so toss in a width check. And sometimes we want to
// let people just force a lightframe. Also `document.body` is `null` when this
// is run in the so we can't add stuff to the body, and therefore can't
// lightframe. We don't lightframe when we are ourselves iframed (WIX / FB).
// And we can't lightframe on unsupported browsers.
var isTouchEnabled = ('ontouchstart' in window) || navigator.msMaxTouchPoints;
var width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
var shouldLightframe = isLightframed &&
(isAlwaysLightframed || (!isTouchEnabled || width > 1100)) &&
(document.body !== null) &&
(window.top === window.self) &&
!isFallback;
// Ensures that a lightframe iframe exists.
var createLightframe = function(){
// Don't create more than one.
var lightframe = document.getElementById('fareharbor-lightframe');
if(lightframe){
return;
}
// Wrapper so we get a nice overlay.
var container = document.createElement('div');
container.id = 'fareharbor-lightframe';
container.innerHTML =
'' +
'' +
'';
document.body.insertBefore(container, document.body.firstChild);
};
// Add GA if available.
var linkCrossDomain = function(url){
var clientId = '';
var trackingId = '';
try {
if(window.GoogleAnalyticsObject){
var gaTracker = window[window.GoogleAnalyticsObject];
// Make sure the tracker is actually loaded.
if(gaTracker && gaTracker.getAll){
var pageTracker = gaTracker.getAll()[0];
if(pageTracker){
clientId = pageTracker.get("clientId");
trackingId = pageTracker.get("trackingId");
}
}
}
}
catch(e){
clientId = trackingId = '';
}
if(clientId && trackingId){
var sep = url.indexOf('?') === -1 ? '?' : '&';
return url + sep + 'ga-cid=' + clientId + '&ga-tid=' + trackingId;
}
return url;
};
var bodyOverflow = '';
var documentOverflow = '';
var openLightframe = function(url){
// Cross-domain here instead of in the public API so that even stuff opened
// by other embeds get tracking.
url = linkCrossDomain(url);
// If we don't have a lightframe, just navigate.
var lightframe = document.getElementById('fareharbor-lightframe');
if(!lightframe){
// Be sure to navigate the top frame.
window.top.location.href = originPath + url;
return false;
}
var iframe = document.getElementById('fareharbor-lightframe-iframe');
var lightframeLoading = document.getElementById('fareharbor-lightframe-loading');
lightframeLoading.className = 'loading';
lightframe.className = 'showing';
// Create the iframe on the fly, and remove it on close, instead of
// keeping it around in between with src="about:blank", because Firefox
// will leave the about:blank in the history so you can "go back" to it
// leaving you with a lightframe shade and no lightframe.
if(!iframe){
// Save the previous overlow; save it in a global location so that we
// can close it from a different embed than opened it.
window.FH = window.FH || {};
window.FH._bodyOverflow = document.body.style.overflow;
window.FH._documentOverflow = document.documentElement.style.overflow;
document.body.style.overflow = 'hidden';
document.documentElement.style.overflow = 'hidden';
iframe = document.createElement('iframe');
iframe.id = 'fareharbor-lightframe-iframe';
iframe.name = 'fareharbor-lightframe';
iframe.frameBorder = '0';
iframe.border = '0';
iframe.width = '100%';
iframe.style.opacity = '0'; // Prettier transitions.
iframe.src = lightframePath + url;
lightframe.appendChild(iframe);
}
else {
// In case someone tries to open it while it is already open
// just leave it there.
iframe.style.opacity = '0';
// TODO: pushstate navigate via post-message.
iframe.src = lightframePath + url;
}
return true;
};
var closeLightframe = function(){
var lightframe = document.getElementById('fareharbor-lightframe');
var iframe = document.getElementById('fareharbor-lightframe-iframe');
if(!lightframe){
return false;
}
lightframe.className = '';
// Have to actually remove it (see above); check if it's
// still there in case another embed removed it first.
var wasRemoved = false;
if(iframe){
lightframe.removeChild(iframe);
wasRemoved = true;
}
document.body.style.overflow = window.FH._bodyOverflow;
document.documentElement.style.overflow = window.FH._documentOverflow;
return true;
};
// Write in a simple iframe fallback.
var createFallback = function(fallbackSrc){
if(!fallbackSrc){
return;
}
// We might not have JSON here, but we know embedId has no quotes.
var fallbackOptions = '{"embedId":"' + embedId + '"}';
fallbackOptions = encodeURIComponent(fallbackOptions);
// Never wrap the fallback.
document.write('');
var fallback = document.getElementById(embedId);
fallback.style.height = "";
return fallback;
};
var createEmbed = function(){
if(!embedSrc){
return;
}
var embedOptions = window.JSON.stringify({
embedId: embedId,
isLightframed: shouldLightframe
});
embedOptions = encodeURIComponent(embedOptions);
var iframeHtml = '';
// Wrap
if(isWrapped){
document.write(
'' +
''
);
}
else {
document.write(iframeHtml);
}
// Initial height so it's not colapsed.
var iframe = document.getElementById(embedId);
iframe.style.height = initialHeight;
// Some embeds (notably buttons) have a static height, so let's
// just set it off the bat and then skip listening for resize.
if(staticHeight){
iframe.style.height = staticHeight;
}
};
// Enable JS API; it works even when lightframing is disabled by simply
// going off-site.
var isReady = false;
if(!window.FH){
isReady = true;
(function(){
var QUERY_KEYS = {
asn: 'asn',
asnRef: 'asn-ref',
ref: 'ref',
items: 'selected-items',
fullItems: 'full-items',
kiosk: 'kiosk',
sheet: 'sheet'
};
var DEFAULTS = {
fullItems: 'no'
};
var encodeUriQuery = function(val, pctEncodeSpaces) {
return encodeURIComponent(val).
replace(/%40/gi, '@').
replace(/%3A/gi, ':').
replace(/%24/g, '$').
replace(/%2C/gi, ',').
replace(/%2F/gi, '/').
replace(/%20/g, (pctEncodeSpaces ? '%20' : '+'));
};
var query = function(options){
var parts = [];
var queryKey, queryValue;
for(var key in QUERY_KEYS){
queryKey = QUERY_KEYS[key];
queryValue = options[key];
if(!queryValue){
queryValue = DEFAULTS[key];
}
if(queryValue){
parts.push(encodeUriQuery(queryKey, true) + '=' + encodeUriQuery(queryValue, true));
}
}
return parts.length ? ('?' + parts.join('&')) : '';
};
window.FH = {};
window.FH.open = function(options){
try {
// Shortname is required or nothing works.
options = options || {};
if(!options.shortname){
return false;
}
// Construct a client-side URL for the book embed.
var path = '/' + options.shortname + '/';
if(options.view){
if(options.view === 'items'){
// Done.
}
else if(options.view === 'all-availability'){
path += 'items/calendar/';
}
else if(options.view.item){
path += 'items/' + options.view.item.toString() + '/';
if(options.view.availability){
path += 'availability/' + options.view.availability.toString() + '/book/';
}
else {
path += 'calendar/';
}
}
}
// Convert items to selected-items structure.
options.items = options.items ?
options.items.join(',') :
null;
// Thread relevant query parameters through.
path += query(options);
return openLightframe(path);
} catch(e){
return false;
}
};
window.FH.close = function(){
return closeLightframe();
};
})();
}
// Either we're in an unsupported browser or running in
// quirksmode; either way we're effed.
if(isFallback){
createFallback(fallbackSrc);
// Don't write in the actual embed.
return;
}
// Add the lightframe only if requested and we can actually support it.
if(shouldLightframe){
createLightframe();
}
// We need to pass the unique embed id to the iframe so that we can distinguish
// different embeds on the same page.
createEmbed();
// Try to disable the bfcache.
window.addEventListener('unload', function(){});
window.addEventListener('beforeunload', function(){});
// Resizes the iframe given an explicit height in pixels.
var resize = function(message){
if(staticHeight){
return;
}
if(message.embedId !== embedId){
return;
}
var height = message.height;
var iframe = document.getElementById(embedId);
if(iframe && height){
iframe.style.height = height + "px";
}
};
// Listen for requests to open the lightframe, but only from our
// own embed.
var open = function(message){
if(message.embedId !== embedId){
return;
}
openLightframe(message.url);
};
// Listens for requests to close the lightframe from all embeds;
// the embed that initially caused the creation of the lightframe
// is responsible for managing its visibility (classes and such).
var close = function(message){
// Ignore which embed wants to close it because the actual lightframe
// doesn't know.
closeLightframe();
};
// Listen for the lightframe to have successfully loaded and hide the spinner;
// depends on reloading the lightframe on every `fareharbor.open`.
var ready = function(message){
var iframe = document.getElementById('fareharbor-lightframe-iframe');
var lightframeLoading = document.getElementById('fareharbor-lightframe-loading');
iframe && (iframe.style.opacity = '');
lightframeLoading && (lightframeLoading.className = '');
};
// Map FH events to handlers.
var handlers = {};
handlers['fareharbor.height'] = resize;
handlers['fareharbor.open'] = open;
handlers['fareharbor.close'] = close;
handlers['fareharbor.ready'] = ready;
// Listen to message from the iframe.
window.addEventListener('message', function(e) {
var message;
try {
message = window.JSON.parse(e.data);
}
catch(e){
return;
}
var handler;
if(message.event){
handler = handlers[message.event];
}
if(message && handler){
handler(message);
}
}, false);
// Only mark the document as ready once.
if(isReady){
document.documentElement && (document.documentElement.className += ' fh-ready');
}
})();