includeCSS('manager_widget', 'https://www.kampoos.com/css/manager/widget.css'); includeCSS('manager_fancybox','https://www.kampoos.com/css/manager/jquery-fancybox.css'); includeFontawesome(); if(typeof jQuery == 'undefined'){ includeJS('https://code.jquery.com/jquery-latest.min.js', checkFancyBox); } else { checkFancyBox(); } function checkFancyBox(){ if(typeof fancybox == 'undefined'){ includeJS('https://www.kampoos.com/js/manager/jquery.fancybox.js', initManager); } else { initManager(); } } function includeFontawesome() { var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.src = 'https://use.fontawesome.com/a86d85dc25.js'; script.type = 'text/javascript'; script.async = true; head.appendChild(script); } function includeJS(filename, onload) { var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.src = filename; script.type = 'text/javascript'; script.async = true; script.onload = script.onreadystatechange = function() { if (script.readyState) { if (script.readyState === 'complete' || script.readyState === 'loaded') { script.onreadystatechange = null; onload(); } } else { onload(); } }; head.appendChild(script); } function includeCSS(cssId, filename){ if (!document.getElementById(cssId)) { var head = document.getElementsByTagName('head')[0]; var link = document.createElement('link'); link.id = 'manager_widget'; link.rel = 'stylesheet'; link.type = 'text/css'; link.href = filename; link.media = 'all'; head.appendChild(link); } } function initManager(){ showButtonReservar(); } function showButtonReservar(){ var $btnReservar = jQuery(""); var $txtReservar = jQuery(""); $txtReservar.html("  Reservar\x20online"); $btnReservar .addClass("managerBtnShowDialog") .addClass("fancybox") .addClass("fancybox.iframe") .css("background", "#f85b3a") .attr('href', 'https://www.kampoos.com/manager/widget/shop/1679091c5a880faf6fb5e6087eb1b2dc') .append($txtReservar) .fancybox({ width: '90%' }); switch("3"){ case "1": $btnReservar.css({'top':0, 'left': '20px', 'border-bottom-left-radius': '10px', 'border-bottom-right-radius': '10px'}); break; case "2": $btnReservar.css({'top':0, 'right': '20px', 'border-bottom-left-radius': '10px', 'border-bottom-right-radius': '10px'}); break; case "3": $btnReservar.css({'bottom':0, 'right': '5%', 'border-top-left-radius': '10px', 'border-top-right-radius': '10px', 'padding-top':'1px'}); break; case "4": $btnReservar.css({'bottom':0, 'left': '20px', 'border-top-left-radius': '10px', 'border-top-right-radius': '10px'}); break; } jQuery("body").append($btnReservar); }