function messengerLoad(){ var css='iframe#messenger_embedded{position:fixed;bottom:0;right:0;width:370px;border:0;z-index:999999;margin:0 !important;padding:0 !important;}iframe#messenger_embedded.messenger_opened{height:720px;}iframe#messenger_embedded.messenger_closed{height:120px;}@media screen and (max-device-width:768px),screen and (max-device-height:512px){iframe#messenger_embedded.messenger_opened{width:100%;height:100%;}iframe#messenger_embedded.messenger_closed{width:65px;height:65px;}}', head=document.head||document.getElementsByTagName('head')[0], style=document.createElement('style'); style.type='text/css'; style.appendChild(document.createTextNode(css)); head.appendChild(style); var body=document.body||document.getElementsByTagName('body')[0], iframe=document.createElement('iframe'); iframe.allow='geolocation'; iframe.id='messenger_embedded'; iframe.src='https://bookingsap.newbook.cloud/messenger/?newbook_api_action=messenger_embedded&messenger_api_key=instances_54b953fc83a999bc1bb8bcdf8ab4ecf0'; body.appendChild(iframe); }; //firefox doesn't fire this event when the DOM is already loaded, but all browsers work for the below if (document.readyState=="complete") messengerLoad(); else document.addEventListener('DOMContentLoaded',messengerLoad); //Add an event listener to receive parameters from outside of the iframe window.addEventListener('message',function(event){ if (event.origin=='https://bookingsap.newbook.cloud') switch (event.data.message) { case 'messenger_opened': document.getElementById('messenger_embedded').className='messenger_opened'; break; case 'messenger_closed': document.getElementById('messenger_embedded').className='messenger_closed'; break; case 'messenger_inactive': document.getElementById('messenger_embedded').style.display='none'; break; case 'messenger_init': resizeMessenger(); break; } }); function controlMessenger(message,parameters){ if (typeof parameters=='string') { var temp=parameters; parameters={}; parameters[message]=temp; } parameters.message=message; document.getElementById('messenger_embedded').contentWindow.postMessage(parameters,'*'); } function resizeMessenger() { controlMessenger('resize',{ width:window.outerWidth, height:window.outerHeight }); } window.addEventListener('orientationchange',resizeMessenger);