/*!
 * jQuery Smart Banner
 * Copyright (c) 2012 Arnold Daniels <arnold@jasny.net>
 * Based on 'jQuery Smart Web App Banner' by Kurt Zenisek @ kzeni.com
 */
!function ($) {

    var SmartBanner = function (options) {
        this.origHtmlMargin = parseFloat($('html').css('margin-top')) // Get the original margin-top of the HTML element so we can take that into account
        this.options = $.extend({}, $.smartbanner.defaults, options)

        var standalone = navigator.standalone; // Check if it's already a standalone web app or running within a webui view of an app (not mobile safari)
        var UA = options.userAgent;//navigator.userAgent;

        
        // Detect banner type (iOS or Android)
        if (this.options.force) {
            this.type = this.options.force
        } else if (UA.match(/Windows Phone 8/i) != null && UA.match(/Touch/i) !== null) {
            this.type = 'wp8'
        }
        else if (UA.match(/Windows Phone 10/i)) {
            this.type = 'wp10'
        }
        else if (UA.match(/iPhone|iPod/i) != null || (UA.match(/iPad/) && this.options.iOSUniversalApp)) {
            //if (UA.match(/Safari/i) != null && (UA.match(/CriOS/i) != null || window.Number(UA.substr(UA.indexOf('OS ') + 3, 3).replace('_', '.')) < 6))
                this.type = 'ios' // Check webview and native smart banner support (iOS 6+)
        } else if (UA.match(/\bSilk\/(.*\bMobile Safari\b)?/) || UA.match(/\bKF\w/) || UA.match('Kindle Fire')) {
            this.type = 'kindle'
        } else if (UA.match(/Android/i) != null) {
            this.type = 'android'
        }
        
        // Don't show banner if device isn't iOS or Android, website is loaded in app or user dismissed banner
        if (!this.type || standalone || this.getCookie('sb-closed') || this.getCookie('sb-installed')) {
            return
        }

        // Calculate scale
        this.scale = this.options.scale == 'auto' ? $(window).width() / window.screen.width : this.options.scale
        if (this.scale < 1) this.scale = 1

        // Get info from meta data
        this.appId = this.type == 'android' ? this.options.googleAppId :
            this.type == 'ios' ?  this.options.itunesAppId :
             this.options.msAppId;
        
        // For wp8 Store apps, get the PackageFamilyName for protocol launch
        if (this.type == 'wp8' || this.type == 'wp10') {
            this.appId =this.options.msAppId;
        } else {
            
        }

        this.title = this.options.title;
        this.author = this.options.author;

        this.buttonText = this.options.button;
        this.closeButtonText = this.options.closeButton;
       

        // Set default onInstall callback if not set in options
        if (typeof this.options.onInstall === 'function') {
            this.options.onInstall = this.options.onInstall;
        } else {
            this.options.onInstall = function () { };
        }

        // Set default onClose callback if not set in options
        if (typeof this.options.onClose === 'function') {
            this.options.onClose = this.options.onClose;
        } else {
            this.options.onClose = function () { };
        }

        // Create banner
        this.create()
        this.show()
        this.listen()

    }

    SmartBanner.prototype = {

        constructor: SmartBanner

      , create: function () {
          var iconURL
            , price = this.price || this.options.price
            , inStore = price ? price + ' - ' + (this.type == 'android' ? this.options.inGooglePlay : this.type == 'kindle' ? this.options.inAmazonAppStore : this.type == 'ios' ? this.options.inAppStore : this.options.inWindowsStore) : ''
            , gloss = this.options.iconGloss === null ? (this.type == 'ios') : this.options.iconGloss


          var link;
          if (this.options.url) {
              link = this.options.url
          }
          else {
              if (this.type == 'wp8') {
                  link = 'ms-windows-store:navigate?appid=';
              } else if (this.type == 'android') {
                  link = 'market://details?id=';
              }
              else if (this.type == 'wp10') {
                  link = 'ms-windows-store://pdp/?ProductId=';
              } else if (this.type == 'kindle') {
                  link = 'amzn://apps/android?asin=';
              } else if (this.type == 'ios') {
                  link = 'https://itunes.apple.com/' + this.options.appStoreLanguage + '/app/id';
              }
              link += this.appId;
          }

          if (this.type == 'android' && this.options.GooglePlayParams) {
              link = link + '&referrer=' + this.options.GooglePlayParams;
          }

          //var banner = '<div id="smartbanner-x" class="' + this.type + '"><div class="sb-container"><a href="#" class="sb-close">&times;</a><span class="sb-icon"></span><div class="sb-info"><strong>' + this.title + '</strong><span>' + this.author + '</span><span>' + inStore + '</span></div><a href="' + link + '" class="sb-button"><span>' + this.options.button + '</span></a></div></div>';

          var banner = '<div class="mobile-smart-banner clearfix" id="smartbanner-x"><div class="mobile-smart-banner_cnt"><div class="mobile-smart-banner_info_close-box">'
           + '<div class="mobile-smart-banner_info_close"><div class="mobile-smart-banner_info_close-link">' + this.closeButtonText + '</div></div></div>'
         + '<div class="mobile-smart-banner_button"><div class="submit"><a class="btn-promo" href="' + link + '">' + this.buttonText + '</a></div></div>'
         + '<div class="mobile-smart-banner_info"><div class="mobile-smart-banner_info-img"><img src="/Content/img/logo-smart-banner.png" alt=""></div>'
           + '<div class="mobile-smart-banner_info-text"><div class="mobile-smart-banner_info-text_name">' + this.title + '</div>'
             + '<div class="mobile-smart-banner_info-text_company">' + this.author + '</div></div></div></div></div>';

          (this.options.layer) ? $(this.options.appendToSelector).append(banner) : $(this.options.appendToSelector).prepend(banner);

          if (this.options.icon) {
              iconURL = this.options.icon
          } else if (this.iconUrl) {
              iconURL = this.iconUrl;
          } else if ($('link[rel="apple-touch-icon-precomposed"]').length > 0) {
              iconURL = $('link[rel="apple-touch-icon-precomposed"]').attr('href')
              if (this.options.iconGloss === null) gloss = false
          } else if ($('link[rel="apple-touch-icon"]').length > 0) {
              iconURL = $('link[rel="apple-touch-icon"]').attr('href')
          } else if ($('meta[name="msApplication-TileImage"]').length > 0) {
              iconURL = $('meta[name="msApplication-TileImage"]').attr('content')
          } else if ($('meta[name="msapplication-TileImage"]').length > 0) { /* redundant because ms docs show two case usages */
              iconURL = $('meta[name="msapplication-TileImage"]').attr('content')
          }

          if (iconURL) {
              $('#smartbanner-x .sb-icon').css('background-image', 'url(' + iconURL + ')')
              if (gloss) $('#smartbanner-x .sb-icon').addClass('gloss')
          } else {
              $('#smartbanner-x').addClass('no-icon')
          }

          this.bannerHeight = $('#smartbanner-x').outerHeight() + 2
          console.log("Smartbanner height: " + this.bannerHeight);

          //if (this.scale > 1) {
          //    $('#smartbanner-x')
          //        .css('top', parseFloat($('#smartbanner-x').css('top')) * this.scale)
          //        .css('height', parseFloat($('#smartbanner-x').css('height')) * this.scale)
          //        .hide()
          //    $('#smartbanner-x .sb-container')
          //        .css('-webkit-transform', 'scale(' + this.scale + ')')
          //        .css('-msie-transform', 'scale(' + this.scale + ')')
          //        .css('-moz-transform', 'scale(' + this.scale + ')')
          //        .css('width', $(window).width() / this.scale)
          //}
          $('#smartbanner-x').css('position', (this.options.layer) ? 'absolute' : 'static')
      }

      , listen: function () {
          $('#smartbanner-x .mobile-smart-banner_info_close').on('click', $.proxy(this.close, this))
          $('#smartbanner-x .mobile-smart-banner_button').on('click', $.proxy(this.install, this))
      }

      , show: function (callback) {
          $('#smartbanner-x').addClass('shown').show();
      }

      , hide: function (callback) {
          var banner = $('#smartbanner-x');
          banner.stop();
          banner.hide();
          //if (this.options.layer) {
          //    banner.animate({ top: -1 * this.bannerHeight * this.scale, display: 'block' }, this.options.speedIn).removeClass('shown');
          //    $(this.pushSelector).animate({ paddingTop: this.origHtmlMargin }, this.options.speedIn, 'swing', callback);
          //} else {
          //    if ($.support.transition) {
          //        if (this.type !== 'android')
          //            banner.css('top', -1 * this.bannerHeight * this.scale).removeClass('shown');
          //        else
          //            banner.css({ display: 'none' }).removeClass('shown');
          //        var transitionCallback = function () {
          //            $('html').removeClass('sb-animation');
          //            if (callback) {
          //                callback();
          //            }
          //        };
          //        $(this.pushSelector).addClass('sb-animation').one($.support.transition.end, transitionCallback).emulateTransitionEnd(this.options.speedOut).css('margin-top', this.origHtmlMargin);
          //    } else {
          //        banner.slideUp(this.options.speedOut).removeClass('shown');
          //    }
          //}
      }

      , close: function (e) {
          e.preventDefault()
          this.hide()
          this.setCookie('sb-closed', 'true', this.options.daysHidden);
          this.options.onClose(e);
      }

      , install: function (e) {
          if (this.options.hideOnInstall) {
              this.hide()
          }
          //this.setCookie('sb-installed', 'true', this.options.daysReminder)
          this.options.onInstall(e);
      }

      , setCookie: function (name, value, exdays) {
          var exdate = new Date()
          exdate.setDate(exdate.getDate() + exdays)
          value = encodeURI(value) + ((exdays == null) ? '' : '; expires=' + exdate.toUTCString())
          document.cookie = name + '=' + value + '; path=/;'
      }

      , getCookie: function (name) {
          var i, x, y, ARRcookies = document.cookie.split(";")
          for (i = 0; i < ARRcookies.length; i++) {
              x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="))
              y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1)
              x = x.replace(/^\s+|\s+$/g, "")
              if (x == name) {
                  return decodeURI(y)
              }
          }
          return null
      }

        // Demo only
      , switchType: function () {
          var that = this

          this.hide(function () {
              that.type = that.type == 'android' ? 'ios' : 'android';              
              that.appId = $(that.type == 'android' ? that.options.googleAppId : that.options.itunesAppId);

              $('#smartbanner-x').detach();
              that.create();
              that.show();
          })
      }
    }

    $.smartbanner = function (option) {
        var $window = $(window)
        , data = $window.data('smartbanner')
        , options = typeof option == 'object' && option
        if (!data) $window.data('smartbanner', (data = new SmartBanner(options)))
        if (typeof option == 'string') data[option]()
    }

    // override these globally if you like (they are all optional)
    $.smartbanner.defaults = {
        title: null, // What the title of the app should be in the banner (defaults to <title>)
        author: null, // What the author of the app should be in the banner (defaults to <meta name="author"> or hostname)
        price: 'FREE', // Price of the app
        appStoreLanguage: 'us', // Language code for App Store
        inAppStore: 'On the App Store', // Text of price for iOS
        inGooglePlay: 'In Google Play', // Text of price for Android
        inAmazonAppStore: 'In the Amazon Appstore',
        inWindowsStore: 'In the Windows Store', //Text of price for Windows
        GooglePlayParams: null, // Aditional parameters for the market
        icon: null, // The URL of the icon (defaults to <meta name="apple-touch-icon">)
        iconGloss: null, // Force gloss effect for iOS even for precomposed
        button: 'VIEW', // Text for the install button
        url: null, // The URL for the button. Keep null if you want the button to link to the app store.
        scale: 'auto', // Scale based on viewport size (set to 1 to disable)
        speedIn: 300, // Show animation speed of the banner
        speedOut: 400, // Close animation speed of the banner
        daysHidden: 15, // Duration to hide the banner after being closed (0 = always show banner)
        daysReminder: 90, // Duration to hide the banner after "VIEW" is clicked *separate from when the close button is clicked* (0 = always show banner)
        force: null, // Choose 'ios', 'android' or 'windows'. Don't do a browser check, just always show this banner
        hideOnInstall: true, // Hide the banner after "VIEW" is clicked.
        layer: false, // Display as overlay layer or slide down the page
        iOSUniversalApp: true, // If the iOS App is a universal app for both iPad and iPhone, display Smart Banner to iPad users, too.
        appendToSelector: 'body', //Append the banner to a specific selector
        pushSelector: 'html' // What element is going to push the site content down; this is where the banner append animation will start.
    }

    $.smartbanner.Constructor = SmartBanner;


    // ============================================================
    // Bootstrap transition
    // Copyright 2011-2014 Twitter, Inc.
    // Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

    function transitionEnd() {
        var el = document.createElement('smartbanner')

        var transEndEventNames = {
            WebkitTransition: 'webkitTransitionEnd',
            MozTransition: 'transitionend',
            OTransition: 'oTransitionEnd otransitionend',
            transition: 'transitionend'
        }

        for (var name in transEndEventNames) {
            if (el.style[name] !== undefined) {
                return { end: transEndEventNames[name] }
            }
        }

        return false // explicit for ie8 (  ._.)
    }

    if ($.support.transition !== undefined)
        return  // Prevent conflict with Twitter Bootstrap

    // http://blog.alexmaccaw.com/css-transitions
    $.fn.emulateTransitionEnd = function (duration) {
        var called = false, $el = this
        $(this).one($.support.transition.end, function () {
            called = true
        })
        var callback = function () {
            if (!called) $($el).trigger($.support.transition.end)
        }
        setTimeout(callback, duration)
        return this
    }

    $(function () {
        $.support.transition = transitionEnd()
    })
    // ============================================================

}(window.jQuery);