diff --git a/css/add2home.css b/css/add2home.css
new file mode 100644
index 0000000..a2d64ae
--- /dev/null
+++ b/css/add2home.css
@@ -0,0 +1,180 @@
+/**
+ *
+ * Main container
+ *
+ */
+#addToHomeScreen {
+ z-index:9999;
+ -webkit-user-select:none;
+ user-select:none;
+ -webkit-box-sizing:border-box;
+ box-sizing:border-box;
+ -webkit-touch-callout:none;
+ touch-callout:none;
+ width:240px;
+ font-size:15px;
+ padding:12px 14px;
+ text-align:left;
+ font-family:helvetica;
+ background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3));
+ border:1px solid #505050;
+ -webkit-border-radius:8px;
+ -webkit-background-clip:padding-box;
+ color:#333;
+ text-shadow:0 1px 0 rgba(255,255,255,0.75);
+ line-height:130%;
+ -webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
+}
+
+#addToHomeScreen.addToHomeIOS7 {
+ background:#f2f2f2 !important;
+ -webkit-border-radius:1px !important;
+ border:1px solid #ccc;
+ -webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);
+}
+
+#addToHomeScreen.addToHomeIpad {
+ width:268px;
+ font-size:18px;
+ padding:14px;
+}
+
+/**
+ *
+ * The 'wide' class is added when the popup contains the touch icon
+ *
+ */
+#addToHomeScreen.addToHomeWide {
+ width:296px;
+}
+
+#addToHomeScreen.addToHomeIpad.addToHomeWide {
+ width:320px;
+ font-size:18px;
+ padding:14px;
+}
+
+/**
+ *
+ * The balloon arrow
+ *
+ */
+#addToHomeScreen .addToHomeArrow {
+ position:absolute;
+ background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc));
+ border-width:0 1px 1px 0;
+ border-style:solid;
+ border-color:#505050;
+ width:16px; height:16px;
+ -webkit-transform:rotateZ(45deg);
+ bottom:-9px;
+ left:50%;
+ margin-left:-8px;
+ -webkit-box-shadow:inset -1px -1px 0 #a9a9a9;
+ -webkit-border-bottom-right-radius:2px;
+}
+
+#addToHomeScreen.addToHomeIOS7 .addToHomeArrow {
+ background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#f2f2f2)) !important;
+ -webkit-box-shadow:inset -1px -1px 0 #fff !important;
+ border-color:#ccc !important;
+}
+
+/**
+ *
+ * The balloon arrow for iPad
+ *
+ */
+#addToHomeScreen.addToHomeIpad .addToHomeArrow {
+ -webkit-transform:rotateZ(-135deg);
+ background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee));
+ -webkit-box-shadow:inset -1px -1px 0 #fff;
+ top:-9px; bottom:auto; left:50%;
+}
+
+
+/**
+ *
+ * Close button
+ *
+ */
+#addToHomeScreen .addToHomeClose {
+ -webkit-box-sizing:border-box;
+ position:absolute;
+ right:4px;
+ top:4px;
+ width:18px;
+ height:18px; line-height:14px;
+ text-align:center;
+ text-indent:1px;
+ -webkit-border-radius:9px;
+ background:rgba(0,0,0,0.12);
+ color:#888;
+ -webkit-box-shadow:0 1px 0 #fff;
+ font-size:16px;
+}
+
+#addToHomeScreen.addToHomeIOS7 .addToHomeClose {
+ line-height:12px;
+ padding-right:1px;
+ background:transparent;
+ border: 1px solid #888;
+ -webkit-box-shadow:none;
+}
+
+/**
+ *
+ * The '+' icon, displayed only on iOS < 4.2
+ *
+ */
+#addToHomeScreen .addToHomePlus {
+ font-weight:bold;
+ font-size:1.3em;
+}
+
+
+/**
+ *
+ * The 'share' icon, displayed only on iOS >= 4.2
+ *
+ */
+#addToHomeScreen .addToHomeShare {
+ display:inline-block;
+ width:18px;
+ height:15px;
+ background-repeat:no-repeat;
+ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC);
+ background-size:18px 15px;
+ text-indent:-9999em;
+ overflow:hidden;
+}
+
+#addToHomeScreen.addToHomeIOS7 .addToHomeShare {
+ width:11px;
+ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAA8CAYAAAAQTCjdAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAASCQAAEgkB80sG3AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKjSURBVGiB7dpPiFVVHMDxz7m9NCtMyI2bEJEC25WrEkzHUXCRraIwdNE8ZxfYIlcis1ZEbGEzT1QCF4XgH1CyWhUoJKIWNRGEiCNKmkSiYTzfcfGuOokx77x3ZlS8382959zfn+/invvn3RdijHIRBrwkOINCYXEcdjpb7VyiYdBsLScwt5y6IloYdzqXo36Ro0gY9IKWo+5JwmzBt2HQnBw9ehYNazyn5TBee8Dh+Vq+CWu92GufnkTDR6ab7gDeBNHouMM/l9tXTXM0fGBmL726Fg1Dam74EsvKqR8VNowL2Yzj5f7rnnE4DHq2235diYYhhTGfC94up35T0y+6di/ITU0rKVd+sEi0P7xr2pSJOu8zvF+OzqEv7vDH/WFxt7/cshy/ticsN8sXYUht0kXDOlsF9XJ4UaEvNoz9X3zc5bKaZThbyr5jzJ4wlNY7KTgM+ES0vhz+KeiPw36fKC/ucAF9uFBOrTZm26SJCtaV27+xIo7cXdkTEhvOoh+XyxprU1qnim7CQdGK2HAyKRexYVShT3RItDElN+mkjiP2Ym+S3f01hv2EVal5WW6hU0ElmptaqJuBpXg6MbeFH2LDpU6CQ93zWIKnEvs0cayGU3glMfkOo1jQYewZzOuyz7FC95Jwo5OgUFfgeg993hh/eTqCTxOSm/iuk8DY0Ap1b2GhtHXxsfZN4j/X0fOx4auEIknEhqv4OiUn1L13Z/+xWfWVaG4q0dxUormpRHNTieamEs1NJZqbJ1Q0jHvdiJo5S2cVjSNOCHZhn3/SnuYnIvl3yomIIz7MXZMn9hydRCrR3FSiualEc1OJ5qYSzU0lmptKNDePjWgwcPePT7/g+4cp8wCW4GXaryK3tL+mLdD5x62ppllgu7bso8q/2HIbzGWdNmWnSJwAAAAASUVORK5CYII=);
+ background-size:11px 15px;
+}
+
+/**
+ *
+ * The touch icon (if available)
+ *
+ */
+#addToHomeScreen .addToHomeTouchIcon {
+ display:block;
+ float:left;
+ -webkit-border-radius:6px;
+ border-radius:6px;
+ -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5),
+ inset 0 0 2px rgba(255,255,255,0.9);
+ box-shadow:0 1px 3px rgba(0,0,0,0.5),
+ inset 0 0 2px rgba(255,255,255,0.9);
+ background-repeat:no-repeat;
+ width:57px; height:57px;
+ -webkit-background-size:57px 57px;
+ background-size:57px 57px;
+ margin:0 12px 0 0;
+ border:1px solid #333;
+ -webkit-background-clip:padding-box;
+ background-clip:padding-box;
+}
diff --git a/index.html b/index.html
index 182162e..685b63c 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,7 @@
+
@@ -20,6 +21,7 @@
+
diff --git a/js/libs/add2home.js b/js/libs/add2home.js
new file mode 100644
index 0000000..8709e30
--- /dev/null
+++ b/js/libs/add2home.js
@@ -0,0 +1,344 @@
+/*!
+ * Add to Homescreen v2.0.11 ~ Copyright (c) 2013 Matteo Spinelli, http://cubiq.org
+ * Released under MIT license, http://cubiq.org/license
+ */
+var addToHome = (function (w) {
+ var nav = w.navigator,
+ isIDevice = 'platform' in nav && (/iphone|ipod|ipad/gi).test(nav.platform),
+ isIPad,
+ isRetina,
+ isSafari,
+ isStandalone,
+ OSVersion,
+ startX = 0,
+ startY = 0,
+ lastVisit = 0,
+ isExpired,
+ isSessionActive,
+ isReturningVisitor,
+ balloon,
+ overrideChecks,
+
+ positionInterval,
+ closeTimeout,
+
+ options = {
+ autostart: true, // Automatically open the balloon
+ returningVisitor: false, // Show the balloon to returning visitors only (setting this to true is highly recommended)
+ animationIn: 'drop', // drop || bubble || fade
+ animationOut: 'fade', // drop || bubble || fade
+ startDelay: 2000, // 2 seconds from page load before the balloon appears
+ lifespan: 15000, // 15 seconds before it is automatically destroyed
+ bottomOffset: 14, // Distance of the balloon from bottom
+ expire: 0, // Minutes to wait before showing the popup again (0 = always displayed)
+ message: '', // Customize your message or force a language ('' = automatic)
+ touchIcon: false, // Display the touch icon
+ arrow: true, // Display the balloon arrow
+ hookOnLoad: true, // Should we hook to onload event? (really advanced usage)
+ closeButton: true, // Let the user close the balloon
+ iterations: 100 // Internal/debug use
+ },
+
+ intl = {
+ ar: 'قم بتثبيت هذا التطبيق على %device:انقر%icon ،ثم اضفه الى الشاشة الرئيسية.',
+ ca_es: 'Per instal·lar aquesta aplicació al vostre %device premeu %icon i llavors Afegir a pantalla d\'inici.',
+ cs_cz: 'Pro instalaci aplikace na Váš %device, stiskněte %icon a v nabídce Přidat na plochu.',
+ da_dk: 'Tilføj denne side til din %device: tryk på %icon og derefter Føj til hjemmeskærm.',
+ de_de: 'Installieren Sie diese App auf Ihrem %device: %icon antippen und dann Zum Home-Bildschirm.',
+ el_gr: 'Εγκαταστήσετε αυτήν την Εφαρμογή στήν συσκευή σας %device: %icon μετά πατάτε Προσθήκη σε Αφετηρία.',
+ en_us: 'Install this web app on your %device: tap %icon and then Add to Home Screen.',
+ es_es: 'Para instalar esta app en su %device, pulse %icon y seleccione Añadir a pantalla de inicio.',
+ fi_fi: 'Asenna tämä web-sovellus laitteeseesi %device: paina %icon ja sen jälkeen valitse Lisää Koti-valikkoon.',
+ fr_fr: 'Ajoutez cette application sur votre %device en cliquant sur %icon, puis Ajouter à l\'écran d\'accueil.',
+ he_il: 'התקן אפליקציה זו על ה-%device שלך: הקש %icon ואז הוסף למסך הבית.',
+ hr_hr: 'Instaliraj ovu aplikaciju na svoj %device: klikni na %icon i odaberi Dodaj u početni zaslon.',
+ hu_hu: 'Telepítse ezt a web-alkalmazást az Ön %device-jára: nyomjon a %icon-ra majd a Főképernyőhöz adás gombra.',
+ it_it: 'Installa questa applicazione sul tuo %device: premi su %icon e poi Aggiungi a Home.',
+ ja_jp: 'このウェブアプリをあなたの%deviceにインストールするには%iconをタップしてホーム画面に追加を選んでください。',
+ ko_kr: '%device에 웹앱을 설치하려면 %icon을 터치 후 "홈화면에 추가"를 선택하세요',
+ nb_no: 'Installer denne appen på din %device: trykk på %icon og deretter Legg til på Hjem-skjerm',
+ nl_nl: 'Installeer deze webapp op uw %device: tik %icon en dan Voeg toe aan beginscherm.',
+ pl_pl: 'Aby zainstalować tę aplikacje na %device: naciśnij %icon a następnie Dodaj jako ikonę.',
+ pt_br: 'Instale este aplicativo em seu %device: aperte %icon e selecione Adicionar à Tela Inicio.',
+ pt_pt: 'Para instalar esta aplicação no seu %device, prima o %icon e depois em Adicionar ao ecrã principal.',
+ ru_ru: 'Установите это веб-приложение на ваш %device: нажмите %icon, затем Добавить в «Домой».',
+ sv_se: 'Lägg till denna webbapplikation på din %device: tryck på %icon och därefter Lägg till på hemskärmen.',
+ th_th: 'ติดตั้งเว็บแอพฯ นี้บน %device ของคุณ: แตะ %icon และ เพิ่มที่หน้าจอโฮม',
+ tr_tr: 'Bu uygulamayı %device\'a eklemek için %icon simgesine sonrasında Ana Ekrana Ekle düğmesine basın.',
+ uk_ua: 'Встановіть цей веб сайт на Ваш %device: натисніть %icon, а потім На початковий екран.',
+ zh_cn: '您可以将此应用程式安装到您的 %device 上。请按 %icon 然后点选添加至主屏幕。',
+ zh_tw: '您可以將此應用程式安裝到您的 %device 上。請按 %icon 然後點選加入主畫面螢幕。'
+ };
+
+ function init () {
+ // Preliminary check, all further checks are performed on iDevices only
+ if ( !isIDevice ) return;
+
+ var now = Date.now(),
+ i;
+
+ // Merge local with global options
+ if ( w.addToHomeConfig ) {
+ for ( i in w.addToHomeConfig ) {
+ options[i] = w.addToHomeConfig[i];
+ }
+ }
+ if ( !options.autostart ) options.hookOnLoad = false;
+
+ isIPad = (/ipad/gi).test(nav.platform);
+ isRetina = w.devicePixelRatio && w.devicePixelRatio > 1;
+ isSafari = (/Safari/i).test(nav.appVersion) && !(/CriOS/i).test(nav.appVersion);
+ isStandalone = nav.standalone;
+ OSVersion = nav.appVersion.match(/OS (\d+_\d+)/i);
+ OSVersion = OSVersion && OSVersion[1] ? +OSVersion[1].replace('_', '.') : 0;
+
+ lastVisit = +w.localStorage.getItem('addToHome');
+
+ isSessionActive = w.sessionStorage.getItem('addToHomeSession');
+ isReturningVisitor = options.returningVisitor ? lastVisit && lastVisit + 28*24*60*60*1000 > now : true;
+
+ if ( !lastVisit ) lastVisit = now;
+
+ // If it is expired we need to reissue a new balloon
+ isExpired = isReturningVisitor && lastVisit <= now;
+
+ if ( options.hookOnLoad ) w.addEventListener('load', loaded, false);
+ else if ( !options.hookOnLoad && options.autostart ) loaded();
+ }
+
+ function loaded () {
+ w.removeEventListener('load', loaded, false);
+
+ if ( !isReturningVisitor ) w.localStorage.setItem('addToHome', Date.now());
+ else if ( options.expire && isExpired ) w.localStorage.setItem('addToHome', Date.now() + options.expire * 60000);
+
+ if ( !overrideChecks && ( !isSafari || !isExpired || isSessionActive || isStandalone || !isReturningVisitor ) ) return;
+
+ var touchIcon = '',
+ platform = nav.platform.split(' ')[0],
+ language = nav.language.replace('-', '_');
+
+ balloon = document.createElement('div');
+ balloon.id = 'addToHomeScreen';
+ balloon.style.cssText += 'left:-9999px;-webkit-transition-property:-webkit-transform,opacity;-webkit-transition-duration:0;-webkit-transform:translate3d(0,0,0);position:' + (OSVersion < 5 ? 'absolute' : 'fixed');
+
+ // Localize message
+ if ( options.message in intl ) { // You may force a language despite the user's locale
+ language = options.message;
+ options.message = '';
+ }
+ if ( options.message === '' ) { // We look for a suitable language (defaulted to en_us)
+ options.message = language in intl ? intl[language] : intl['en_us'];
+ }
+
+ if ( options.touchIcon ) {
+ touchIcon = isRetina ?
+ document.querySelector('head link[rel^=apple-touch-icon][sizes="114x114"],head link[rel^=apple-touch-icon][sizes="144x144"],head link[rel^=apple-touch-icon]') :
+ document.querySelector('head link[rel^=apple-touch-icon][sizes="57x57"],head link[rel^=apple-touch-icon]');
+
+ if ( touchIcon ) {
+ touchIcon = '';
+ }
+ }
+
+ balloon.className = (OSVersion >=7 ? 'addToHomeIOS7 ' : '') + (isIPad ? 'addToHomeIpad' : 'addToHomeIphone') + (touchIcon ? ' addToHomeWide' : '');
+ balloon.innerHTML = touchIcon +
+ options.message.replace('%device', platform).replace('%icon', OSVersion >= 4.2 ? '' : '+') +
+ (options.arrow ? '= 7 && isIPad && touchIcon ? ' style="margin-left:-32px"' : '') + '>' : '') +
+ (options.closeButton ? '\u00D7' : '');
+
+ document.body.appendChild(balloon);
+
+ // Add the close action
+ if ( options.closeButton ) balloon.addEventListener('click', clicked, false);
+
+ if ( !isIPad && OSVersion >= 6 ) window.addEventListener('orientationchange', orientationCheck, false);
+
+ setTimeout(show, options.startDelay);
+ }
+
+ function show () {
+ var duration,
+ iPadXShift = 208;
+
+ // Set the initial position
+ if ( isIPad ) {
+ if ( OSVersion < 5 ) {
+ startY = w.scrollY;
+ startX = w.scrollX;
+ } else if ( OSVersion < 6 ) {
+ iPadXShift = 160;
+ } else if ( OSVersion >= 7 ) {
+ iPadXShift = 143;
+ }
+
+ balloon.style.top = startY + options.bottomOffset + 'px';
+ balloon.style.left = Math.max(startX + iPadXShift - Math.round(balloon.offsetWidth / 2), 9) + 'px';
+
+ switch ( options.animationIn ) {
+ case 'drop':
+ duration = '0.6s';
+ balloon.style.webkitTransform = 'translate3d(0,' + -(w.scrollY + options.bottomOffset + balloon.offsetHeight) + 'px,0)';
+ break;
+ case 'bubble':
+ duration = '0.6s';
+ balloon.style.opacity = '0';
+ balloon.style.webkitTransform = 'translate3d(0,' + (startY + 50) + 'px,0)';
+ break;
+ default:
+ duration = '1s';
+ balloon.style.opacity = '0';
+ }
+ } else {
+ startY = w.innerHeight + w.scrollY;
+
+ if ( OSVersion < 5 ) {
+ startX = Math.round((w.innerWidth - balloon.offsetWidth) / 2) + w.scrollX;
+ balloon.style.left = startX + 'px';
+ balloon.style.top = startY - balloon.offsetHeight - options.bottomOffset + 'px';
+ } else {
+ balloon.style.left = '50%';
+ balloon.style.marginLeft = -Math.round(balloon.offsetWidth / 2) - ( w.orientation%180 && OSVersion >= 6 && OSVersion < 7 ? 40 : 0 ) + 'px';
+ balloon.style.bottom = options.bottomOffset + 'px';
+ }
+
+ switch (options.animationIn) {
+ case 'drop':
+ duration = '1s';
+ balloon.style.webkitTransform = 'translate3d(0,' + -(startY + options.bottomOffset) + 'px,0)';
+ break;
+ case 'bubble':
+ duration = '0.6s';
+ balloon.style.webkitTransform = 'translate3d(0,' + (balloon.offsetHeight + options.bottomOffset + 50) + 'px,0)';
+ break;
+ default:
+ duration = '1s';
+ balloon.style.opacity = '0';
+ }
+ }
+
+ balloon.offsetHeight; // repaint trick
+ balloon.style.webkitTransitionDuration = duration;
+ balloon.style.opacity = '1';
+ balloon.style.webkitTransform = 'translate3d(0,0,0)';
+ balloon.addEventListener('webkitTransitionEnd', transitionEnd, false);
+
+ closeTimeout = setTimeout(close, options.lifespan);
+ }
+
+ function manualShow (override) {
+ if ( !isIDevice || balloon ) return;
+
+ overrideChecks = override;
+ loaded();
+ }
+
+ function close () {
+ clearInterval( positionInterval );
+ clearTimeout( closeTimeout );
+ closeTimeout = null;
+
+ // check if the popup is displayed and prevent errors
+ if ( !balloon ) return;
+
+ var posY = 0,
+ posX = 0,
+ opacity = '1',
+ duration = '0';
+
+ if ( options.closeButton ) balloon.removeEventListener('click', clicked, false);
+ if ( !isIPad && OSVersion >= 6 ) window.removeEventListener('orientationchange', orientationCheck, false);
+
+ if ( OSVersion < 5 ) {
+ posY = isIPad ? w.scrollY - startY : w.scrollY + w.innerHeight - startY;
+ posX = isIPad ? w.scrollX - startX : w.scrollX + Math.round((w.innerWidth - balloon.offsetWidth)/2) - startX;
+ }
+
+ balloon.style.webkitTransitionProperty = '-webkit-transform,opacity';
+
+ switch ( options.animationOut ) {
+ case 'drop':
+ if ( isIPad ) {
+ duration = '0.4s';
+ opacity = '0';
+ posY += 50;
+ } else {
+ duration = '0.6s';
+ posY += balloon.offsetHeight + options.bottomOffset + 50;
+ }
+ break;
+ case 'bubble':
+ if ( isIPad ) {
+ duration = '0.8s';
+ posY -= balloon.offsetHeight + options.bottomOffset + 50;
+ } else {
+ duration = '0.4s';
+ opacity = '0';
+ posY -= 50;
+ }
+ break;
+ default:
+ duration = '0.8s';
+ opacity = '0';
+ }
+
+ balloon.addEventListener('webkitTransitionEnd', transitionEnd, false);
+ balloon.style.opacity = opacity;
+ balloon.style.webkitTransitionDuration = duration;
+ balloon.style.webkitTransform = 'translate3d(' + posX + 'px,' + posY + 'px,0)';
+ }
+
+
+ function clicked () {
+ w.sessionStorage.setItem('addToHomeSession', '1');
+ isSessionActive = true;
+ close();
+ }
+
+ function transitionEnd () {
+ balloon.removeEventListener('webkitTransitionEnd', transitionEnd, false);
+
+ balloon.style.webkitTransitionProperty = '-webkit-transform';
+ balloon.style.webkitTransitionDuration = '0.2s';
+
+ // We reached the end!
+ if ( !closeTimeout ) {
+ balloon.parentNode.removeChild(balloon);
+ balloon = null;
+ return;
+ }
+
+ // On iOS 4 we start checking the element position
+ if ( OSVersion < 5 && closeTimeout ) positionInterval = setInterval(setPosition, options.iterations);
+ }
+
+ function setPosition () {
+ var matrix = new WebKitCSSMatrix(w.getComputedStyle(balloon, null).webkitTransform),
+ posY = isIPad ? w.scrollY - startY : w.scrollY + w.innerHeight - startY,
+ posX = isIPad ? w.scrollX - startX : w.scrollX + Math.round((w.innerWidth - balloon.offsetWidth) / 2) - startX;
+
+ // Screen didn't move
+ if ( posY == matrix.m42 && posX == matrix.m41 ) return;
+
+ balloon.style.webkitTransform = 'translate3d(' + posX + 'px,' + posY + 'px,0)';
+ }
+
+ // Clear local and session storages (this is useful primarily in development)
+ function reset () {
+ w.localStorage.removeItem('addToHome');
+ w.sessionStorage.removeItem('addToHomeSession');
+ }
+
+ function orientationCheck () {
+ balloon.style.marginLeft = -Math.round(balloon.offsetWidth / 2) - ( w.orientation%180 && OSVersion >= 6 && OSVersion < 7 ? 40 : 0 ) + 'px';
+ }
+
+ // Bootstrap!
+ init();
+
+ return {
+ show: manualShow,
+ close: close,
+ reset: reset
+ };
+})(window);