# webappsstore2

scope: emoh.:moz-safe-about
key: search-engine
value:
  {"name":"Google","searchUrl":"http://www.google.com/search?q=_searchTerms_&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a"}


scope: emoh.:moz-safe-about
key: snippets
value:
  <div class="snippet_set"><div data-snippet-id="2249"><style type="text/css">
  #snippetContainer div.snippet { display: none; }
  #snippetContainer div.snippet img.icon { margin: -0.75em 1em 0 0; float: left; }
  </style></div>

  <div data-snippet-id="3727"><style type="text/css">
  .snippet {
    position: relative;
  }

  .snippet .icon {
    position: absolute;
    right: 400px;
    top: 5px;
  }

  .snippet p {
    display: table-cell;
    height: 40px;
    padding-left: 80px;
    vertical-align: middle;
    width: 400px;
  }
  </style></div>

  <div data-snippet-id="3771"><div class="snippet" id="snippet-shop">
  <p>Fast. Smart. Safe. <a href="https://www.mozilla.org/firefox/sms/">Get the mobile browser that's got your back</a>.</p>
  <img class="icon" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAsCAMAAADYUfG+AAAAYFBMVEV6enuenp5kZWUtLi5WWVpKSkpFS0NKS0p2dXbGxsa9vb3Jycmfn596enrFxcUAAAC71+Lj7suv0G3G3Z31+vUvMzYdISKWwDxcqdGUxN02VmdIgJ0DBASgxk1Tm8B1l1gD2zrMAAAAEHRSTlOG2cXa+5j6X/2ixk0tE30Ai5C9EwAAAc9JREFUeF6F0ouO4jAMBVCgacJCzOT56Av+/y/XzoSNhzLLlZCKcuRbtz18fc4bA+pwgA9GnDEK/mfGc82pq53R51lUJEb9i4GzuC+ohIhSqvfmJO73UhYphIwxjvDGaLEUQvdZyrSu66B2BsSMhFBZkGCSejWnWNA0FNca9dOoSE0NYV81A3ADcm6kj3o1ojZxVObEuniTmTqKAzAD8dlkfbug7TTfa4h3MiYE601pJo38+ai0TMYUBNvmbJgqmSMwA2meXLbB5uzx54IxEzYp/i6GVDwdBZ+dz4iss9TUDTUZPLHOBeuQYF8w2MQMRGrK3uOpDx6vwhZop2Z602a3jMFROCYbbGKGdqpNRMjSKDF8dUM7FeOoidJGPZLmhp5eMbh2z+YjNnWjEpIyBZdZ5ADMQFoXNMZyQk3MjPRFLjhnYwZ34mZYKXMJ/qWJmfbZRiTbxpt4V0PpkX1w30Qh4AYI1UgTtt7EDaHU+h45O8+a+LsgVCNz6O+JGULyH1pSb+KG963U9N6Akk2N16vWGuCnAX293m63k0yo5O07KKGbKv5gjmcZxfFyudCfqp4GdCUXypFETUUadnPaMZuzux+eKuB1L61Rtuz2+py/bxxo6KwtoiIAAAAASUVORK5CYII="/>

  <div class="bag-container back"><div class="bag back"></div></div>
  <div class="bag-container front"><div class="bag front"></div></div>
  <div id="main-phone-container" style="display:none;">
    <div class="outer-phone-container"><div class="phone-top"></div><div class="phone-bottom"></div></div>
    <div class="inner-phone-container"><div class="phone-top"></div><div class="speaker-slot"></div><div class="camera-lens"></div><div class="status-bar"></div><div class="inner-screen"></div><div class="phone-bottom"></div></div>
  </div>
  <div id="android-container" style="display:none;">
    <div class="overflow-box">
    <div class="rotation-box">
      <div class="shrink-box">
        <div class="android wave">
          <div class="body"></div>
          <div class="head"><div class="eyes-overflow-wrapper"><div class="eyes"><div class="eye left"></div><div class="eye right"></div></div></div>
        </div>
          <div class="rotating-container">
            <div class="antenna left"></div><div class="antenna right"></div>
            <div class="arm-wrapper left"><div class="arm-swivel"><div class="arm left"></div></div></div>
            <div class="arm-wrapper right"><div class="arm-swivel"><div class="arm right"></div></div></div>
            <div class="leg-wrapper left"><div class="leg-swivel"><div class="leg left"></div></div></div>
            <div class="leg-wrapper right"><div class="leg-swivel"><div class="leg right"></div></div></div>
          </div>
        </div>
      </div>
    </div>
    </div>
  </div>
  <style type="text/css">
  body { overflow: hidden; }
  .snippet { position: relative; }
  .snippet .icon { position: absolute; right: 400px; top: 5px; }
  .snippet p { display: table-cell; height: 40px; padding-left: 80px; vertical-align: middle; width: 400px; }
  #brandLogoAnimatingWrapper { -moz-transform: translate3d(0,0,0); }
  #newContentWrapper.run-hero-animation #brandLogoAnimatingWrapper { -moz-animation: logo-wrapper-animation 10000ms ease-in 0ms forwards; }
  #brandLogo { -moz-transform: translate3d(0,0,0) scale(1); -moz-transform-origin: 50% 60%; }
  #newContentWrapper.run-hero-animation #brandLogo { -moz-animation: logo-animation 6000ms ease-in 0ms forwards; }
  #android-container { height: 326px; left: 260px; -moz-perspective: 800px; -moz-transform: translate3d(0,0,0) scale(.24); -moz-transform-origin: 50% 100%; -moz-transform-style: preserve-3d; position: absolute; top: -118px; width: 264px; z-index: 1; }
  #android-container.move-back { z-index: 0; }
  #newContentWrapper.run-hero-animation #android-container { -moz-animation: android-main 10000ms ease-in-out 0ms forwards; }
  .overflow-box { height: 339px; left: -100px; -moz-perspective: 800px; -moz-transform-origin: 50% 100%; -moz-transform-style: preserve-3d; overflow: hidden; position: absolute; width: 464px; }
  .rotation-box { height: 326px; left: 100px; -moz-transform: translate3d(0,200px,0); -moz-transform-origin: 50% 80%; -moz-transform-style: preserve-3d; position: absolute; width: 264px; }
  #newContentWrapper.run-hero-animation .rotation-box { -moz-animation: bend-over 10000ms ease-in-out 0ms forwards; }
  .shrink-box { height: 326px; -moz-transform: translate3d(0,0,0) scale(1); -moz-transform-origin: 50% 100%; -moz-transform-style: preserve-3d; position: absolute; width: 264px; }
  .android { height: 326px; -moz-transform-style: preserve-3d; position: absolute; top: 0px; width: 264px; }
  .android .rotating-container { height: 326px; -moz-transform: translate3d(0,0,0); -moz-transform-style: preserve-3d; position: absolute; width: 264px; }
  .android.spin .rotating-container { -moz-animation: spin 10000ms linear 400ms forwards; }
  .android .body { background-color: #96c03c; border-radius: 0px 0px 30px 30px; height: 152px; left: 48px; position: absolute; top: 110px; width: 168px; }
  .android .head { background-color: #96c03c; border-top-left-radius: 50% 100%; border-top-right-radius: 50% 100%; height: 68px; left: 48px; position: absolute; top: 30px; width: 168px; }
  .android .eyes-overflow-wrapper { height: 20px; left: 8px; overflow: hidden; position: absolute; top: 25px; width: 152px; }
  .android .eyes { height: 20px; -moz-transform: translate3d(0,0,0); position: absolute; width: 152px; }
  .android.spin .eyes { -moz-animation: slide-eyes 10000ms linear 400ms forwards; }
  .android .eye { background-color: white; border-radius: 10px 10px 10px 10px; height: 20px; -moz-animation: eye-animation 4s ease 1s both infinite; -moz-transform: translate3d(0,0,0); position: absolute; width: 20px; }
  .android .eye.left { left: 30px; }
  .android .eye.right { right: 30px; }
  .android .antenna { background-color: #96c03c; border-radius: 15px 15px 0px 0px; height: 32px; -moz-transform-origin: 50% 100%; position: absolute; top: 8px; width: 6px; }
  .android .antenna.left { left: 104px; -moz-transform: translate3d(0,0,0) rotateZ(-32deg); }
  .android.spin .antenna.left { -moz-animation: reverse-spin-left-antenna 10000ms linear 400ms forwards; }
  .android .antenna.right { -moz-transform: translate3d(0,0,0) rotateZ(32deg); right: 104px; }
  .android.spin .antenna.right { -moz-animation: reverse-spin-right-antenna 10000ms linear 400ms forwards; }
  .android .arm-wrapper { height: 114px; -moz-transform: translate3d(0,0,0) rotateY(0deg); -moz-transform-origin: 50% 16%; -moz-transform-style: preserve-3d; position: absolute; top: 110px; width: 36px; }
  .android .arm-wrapper.left { left: 0px; }
  .android .arm-wrapper.right { left: 228px; }
  .android .arm-swivel { height: 114px; -moz-transform: translate3d(0,0,0) rotateX(0deg); -moz-transform-origin: 50% 16%; -moz-transform-style: preserve-3d; position: absolute; width: 36px; }
  #newContentWrapper.run-hero-animation .arm-wrapper.right .arm-swivel { -moz-animation: swivel-arm 10000ms ease-in-out 0ms forwards; }
  #newContentWrapper.run-hero-animation .arm-wrapper.left .arm-swivel { -moz-animation: swivel-arm-right 10000ms ease-in-out 0ms forwards; }
  .android .arm { background-color: #96c03c; border-radius: 18px; height: 114px; -moz-transform: translate3d(0,0,0) rotateY(0deg); -moz-transform-origin: 50% 16%; position: absolute; width: 36px; }
  .android.spin .arm { -moz-animation: reverse-spin 10000ms linear 400ms forwards; }
  .android .leg-wrapper { height: 72px; -moz-transform: translate3d(0,0,0) rotateY(0deg); -moz-transform-style: preserve-3d; position: absolute; top: 250px; width: 36px; }
  .android .leg-wrapper.left { left: 86px; }
  .android .leg-wrapper.right { right: 86px; }
  .android.spin .leg-wrapper { -moz-animation: reverse-spin 10000ms linear 400ms forwards; }
  .android .leg-swivel { height: 72px; -moz-transform: translate3d(0,0,0) rotateZ(0deg); -moz-transform-origin: 100% 20%; -moz-transform-style: preserve-3d; position: absolute; width: 36px; }
  #newContentWrapper.run-hero-animation .leg-swivel { -moz-animation: swivel-leg 10000ms ease-in-out 0ms forwards; }
  .android .leg { background-color: #96c03c; border-radius: 0px 0px 18px 18px; height: 72px; -moz-transform: translate3d(0,0,0); position: absolute; width: 36px; }
  .bag-container { display: none; height: 90px; left: 136px; overflow: hidden; position: absolute; top: 120px; width: 200px; z-index: 1; }
  .bag { background-repeat: no-repeat; background-size: 200px 104px; height: 104px; left: 0px; -moz-transform: translate3d(0,0,0); position: absolute; top: 84px; width: 200px; }
  .bag.front { background-image: url(data:image/png;base64,[encoded data, 10344 characters]); }
  .bag.back { background-image: url(data:image/png;base64,[encoded data, 4948 characters]); }
  #newContentWrapper.run-hero-animation .bag { -moz-animation: bag-animation 10000ms ease-in-out 0ms forwards; }
  #main-phone-container { height: 426px; left: 28px; -moz-transform: translate3d(0,0,0) scale(.46); -moz-transform-origin: 0% 0%; opacity: 0; position: absolute; top: 3px; width: 214px; }
  #newContentWrapper.run-hero-animation #main-phone-container { -moz-animation: phone-animation 10000ms ease-in-out 0ms forwards; }
  .outer-phone-container { background: rgba(65,65,65,1); border-radius: 40px 40px / 40px 40px; box-shadow: 1px 1px 1px rgba(40, 40, 40, .7); height: 426px; position: absolute; width: 214px; }
  .outer-phone-container .phone-top { background: rgba(65, 65, 65, 1); border-radius: 210px 210px 0px 0px / 50px 50px 0px 0px; height: 20px; left: 13px; position: absolute; top: -6px; width: 188px; }
  .outer-phone-container .phone-bottom { background: rgba(65, 65, 65, 1); border-radius: 0px 0px 210px 210px / 0px 0px 50px 50px; bottom: -6px; height: 20px; left: 13px; position: absolute; width: 188px; }
  .inner-phone-container { background: rgba(25, 25, 25, 1); border-radius: 40px 40px / 40px 40px; height: 420px; left: 3px; position: absolute; top: 3px; width: 208px; }
  .inner-phone-container .phone-top { background: rgba(25, 25, 25, 1); border-radius: 210px 210px 0px 0px / 50px 50px 0px 0px; height: 20px; left: 13px; position: absolute; top: -6px; width: 184px; }
  .inner-phone-container .phone-bottom { background: rgba(25, 25, 25, 1); border-radius: 0px 0px 210px 210px / 0px 0px 50px 50px; bottom: -6px; height: 20px; left: 13px; position: absolute; width: 184px; }
  .inner-phone-container .speaker-slot { background: rgba(0,0,0,1); border-bottom: 1px solid rgba(0,0,0,1); border-left: 1px solid rgba(40,40,40,1); border-radius: 10px; border-right: 1px solid rgba(0,0,0,1); border-top: 1px solid rgba(40,40,40,1); box-shadow: inset 0 0 3px rgba(50,50,50,1); height: 8px; left: 80px; position: absolute; top: 18px; width: 54px; }
  .inner-phone-container .camera-lens { background: rgba(30, 30, 40, 1); border-radius: 10px; box-shadow: inset 0px 0px 5px rgba(60, 60, 60, 1); height: 10px; position: absolute; right: 32px; top: 18px; width: 10px; }
  .inner-phone-container .status-bar { background: rgba(5,5,5,1); height: 12px; left: 11px; position: absolute; top: 54px; width: 188px; }
  .inner-phone-container .inner-screen { background-image: -moz-linear-gradient(top, #96C3DC 0%, #96C3DC 100%); box-shadow: inset 0px 0px 3px rgba(50,50,50,1); height: 298px; left: 11px; position: absolute; top: 66px; width: 188px; }
  @-moz-keyframes android-main {
    0%{ -moz-transform: translate3d(0,0,0) scale(.24); }
    4%{ -moz-transform: translate3d(0,0,0) scale(.24); }
    16%{ -moz-transform: translate3d(-106px,0,0) scale(.24); }
    26%{ -moz-transform: translate3d(-106px,0,0) scale(.24); }
    36%{ -moz-transform: translate3d(-20px,0,0) scale(.24); }
    77%{ -moz-transform: translate3d(-20px,0,0) scale(.24); }
    92%{ -moz-transform: translate3d(-212px,-26px,0) scale(.24); }
    100%{ -moz-transform: translate3d(-212px,-26px,0) scale(.24); }
  }
  @-moz-keyframes arm-animation-left {
    0% { -moz-transform: translate3d(0,0,0) rotate(0deg); }
    4% { -moz-transform: translate3d(0,0,0) rotate(156deg); }
    6.5% { -moz-transform: translate3d(0,0,0) rotate(136deg); }
    8% { -moz-transform: translate3d(0,0,0) rotate(156deg); }
    9% { -moz-transform: translate3d(0,0,0) rotate(136deg); }
    11% { -moz-transform: translate3d(0,0,0) rotate(40deg); }
    12% { -moz-transform: translate3d(0,0,0) rotate(0deg); }
    100% { -moz-transform: translate3d(0,0,0) rotate(0deg); }
  }
  @-moz-keyframes eye-animation {
    0% { -moz-transform: scaleY(1); }
    5% { -moz-transform: scaleY(0); }
    10% { -moz-transform: scaleY(1); }
    100% { -moz-transform: scaleY(1); }
  }
  @-moz-keyframes android-grow {
    0% { -moz-transform: scale(.5); }
    10% { -moz-transform: scale(1); }
    64% { -moz-transform: scale(1); }
    93% { -moz-transform: scale(.5); }
    100% { -moz-transform: scale(.5); }
  }
  @-moz-keyframes bend-over {
    0% { -moz-transform: translate3d(0,200px,0) rotateZ(0deg); }
    8% { -moz-transform: translate3d(0,0,0) rotateZ(0deg); }
    10% { -moz-transform: translate3d(0,0,0) rotateZ(0deg); }
    21% { -moz-transform: translate3d(0,0,0) rotateZ(-70deg); }
    27.6% { -moz-transform: translate3d(0,0,0) rotateZ(0deg); }
    84% { -moz-transform: translate3d(0,0,0) rotateZ(0deg); }
    90% { -moz-transform: translate3d(0,0,0) rotateZ(-16deg); }
    100% { -moz-transform: translate3d(0,0,0) rotateZ(-16deg); }
  }
  @-moz-keyframes swivel-leg {
    0% { -moz-transform: rotateZ(0deg); }
    10% { -moz-transform: rotateZ(0deg); }
    20% { -moz-transform: rotateZ(70deg); }
    30% { -moz-transform: rotateZ(0deg); }
    100% { -moz-transform: rotateZ(0deg); }
  }
  @-moz-keyframes bag-animation {
    0% { -moz-transform: translate3d(0,0,0); }
    20% { -moz-transform: translate3d(0,0,0); }
    30.6% { -moz-transform: translate3d(0,-88px,0); }
    77% { -moz-transform: translate3d(0,-88px,0); }
    88% { -moz-transform: translate3d(0,0px,0); }
    100% { -moz-transform: translate3d(0,0px,0); }
  }
  @-moz-keyframes swivel-arm {
    0% { -moz-transform: rotateX(0deg); }
    10% { -moz-transform: rotateX(0deg); }
    20% { -moz-transform: rotateX(80deg); }
    36% { -moz-transform: rotateX(0deg); }
    36.001% { -moz-transform: rotateX(0deg); }
    40% { -moz-transform: rotateX(120deg); }
    42% { -moz-transform: rotateX(80deg); }
    44% { -moz-transform: rotateX(120deg); }
    67% { -moz-transform: rotateX(0deg); }
    100% { -moz-transform: rotateX(0deg); }
  }
  @-moz-keyframes swivel-arm-right {
    0% { -moz-transform: rotateX(0deg); }
    40% { -moz-transform: rotateX(0deg); }
    44% { -moz-transform: rotateX(120deg); }
    46% { -moz-transform: rotateX(120deg); }
    48% { -moz-transform: rotateX(80deg); }
    50% { -moz-transform: rotateX(120deg); }
    62% { -moz-transform: rotateX(0deg); }
    84% { -moz-transform: rotateX(0deg) rotateZ(0deg); }
    92% { -moz-transform: rotateX(0deg) rotateZ(150deg); }
    100% { -moz-transform: rotateX(0deg) rotateZ(150deg); }
  }
  @-moz-keyframes logo-wrapper-animation {
    0% { -moz-transform: translate3d(0,0,0); }
    46% { -moz-transform: translate3d(0,0,0); }
    62% { -moz-transform: translate3d(0,210px,0); }
    65% { -moz-transform: translate3d(0,210px,0); }
    80% { -moz-transform: translate3d(0,2px,0); }
    100% { -moz-transform: translate3d(0,2px,0); }
  }
  @-moz-keyframes logo-animation {
    0% { -moz-transform: scale(1); }
    99% { -moz-transform: scale(1); }
    100% { -moz-transform: scale(.45); }
  }
  @-moz-keyframes phone-animation {
    0% { opacity: 0; }
    66% { opacity: 0; }
    66.001% { opacity: 1; }
    100% { opacity: 1; }
  }
  @-moz-keyframes spin {
    0%{ -moz-transform: translate3d(0,0,0) rotateY(0deg); }
    6%{ -moz-transform: translate3d(0,0,0) rotateY(-90deg); }
    76%{ -moz-transform: translate3d(0,0,0) rotateY(-90deg); }
    86%{ -moz-transform: translate3d(0,0,0) rotateY(0deg); }
    90%{ -moz-transform: translate3d(0,0,0) rotateY(0deg); }
    100%{ -moz-transform: translate3d(0,0,0) rotateY(0deg); }
  }
  @-moz-keyframes reverse-spin {
    0%{ -moz-transform: translate3d(0,0,0) rotateY(0deg); }
    6%{ -moz-transform: translate3d(0,0,0) rotateY(90deg); }
    76%{ -moz-transform: translate3d(0,0,0) rotateY(90deg); }
    86%{ -moz-transform: translate3d(0,0,0) rotateY(0deg); }
    100%{ -moz-transform: translate3d(0,0,0) rotateY(0deg); }
  }
  @-moz-keyframes reverse-spin-left-antenna {
    0%{ -moz-transform: translate3d(0,0,0) rotateZ(-32deg) rotateY(0deg); }
    6%{ -moz-transform: translate3d(0,0,0) rotateZ(-32deg) rotateY(90deg); }
    76%{ -moz-transform: translate3d(0,0,0) rotateZ(-32deg) rotateY(90deg); }
    86%{ -moz-transform: translate3d(0,0,0) rotateZ(-32deg) rotateY(0deg); }
    100%{ -moz-transform: translate3d(0,0,0) rotateZ(-32deg) rotateY(0deg); }
  }
  @-moz-keyframes reverse-spin-right-antenna {
    0%{ -moz-transform: translate3d(0,0,0) rotateZ(32deg) rotateY(0deg); }
    6%{ -moz-transform: translate3d(0,0,0) rotateZ(32deg) rotateY(90deg); }
    76%{ -moz-transform: translate3d(0,0,0) rotateZ(32deg) rotateY(90deg); }
    86%{ -moz-transform: translate3d(0,0,0) rotateZ(32deg) rotateY(0deg); }
    100%{ -moz-transform: translate3d(0,0,0) rotateZ(32deg) rotateY(0deg); }
  }
  @-moz-keyframes slide-eyes {
    0%{ -moz-transform: translate3d(0,0,0); }
    6%{ -moz-transform: translate3d(-80px,0,0); }
    76%{ -moz-transform: translate3d(-80px,0,0); }
    86%{ -moz-transform: translate3d(0px,0,0); }
    100%{ -moz-transform: translate3d(0px,0,0); }
  }
  </style>
  <script type="text/javascript">
  //<![CDATA[
    function wrapInitialPageContent(){
      var topSection = document.querySelector("#topSection");
      topSection.style.position = "relative";

      var searchContainer = document.querySelector("#searchContainer");
      var form = searchContainer.querySelector("form");
      var formWidth = form.offsetWidth;
      var formHeight = form.offsetHeight;
      var formOffsetTop = form.offsetTop;
      var searchBarWrapper = document.createElement("div");
      searchBarWrapper.setAttribute("style","position: absolute; bottom: 0px; left: 0px; width: "+formWidth+"px; height: "+formHeight+"px;");
      searchBarWrapper.id = "searchBarWrapper";
      searchBarWrapper.appendChild(searchContainer);

      var brandLogo = document.querySelector("#brandLogo");
      var brandLogoOffsetTop = brandLogo.offsetTop;

      var brandLogoOverflowWrapper = document.createElement("div");
      brandLogoOverflowWrapper.id = "brandLogoOverflowWrapper";
      brandLogoOverflowWrapper.setAttribute("style","position: absolute; top: 0px; left: "+Math.floor((formWidth - brandLogo.width) / 2)+"px; width: "+brandLogo.width+"px; height: 206px; overflow: hidden; z-index: 1;");

      var brandLogoAnimatingWrapper = document.createElement("div");
      brandLogoAnimatingWrapper.id = "brandLogoAnimatingWrapper";
      brandLogoAnimatingWrapper.setAttribute("style","position: absolute; top: 0px; left: 0px; width: "+brandLogo.width+"px; height: 206px; overflow: hidden;");

      var brandLogoOffsetTop = brandLogo.offsetTop;
      brandLogo.style.position = "absolute";
      brandLogo.style.top = brandLogoOffsetTop+"px";
      brandLogo.style.left = "0px";
      brandLogo.style.marginTop = "0";
      brandLogo.style.marginBottom = "0";
      brandLogo.className += " brand-logo-override";

      var newContentWrapper = document.createElement("div");
      newContentWrapper.id = "newContentWrapper";
      newContentWrapper.setAttribute("style","position: relative; width: "+formWidth+"px; height: "+(formOffsetTop+formHeight)+"px; margin-left: auto; margin-right: auto;");

      brandLogo.parentNode.insertBefore(newContentWrapper, brandLogo);

      var newContentOverflowWrapper = document.createElement("div");
      newContentOverflowWrapper.id = "newContentOverflowWrapper";
      newContentOverflowWrapper.setAttribute("style","position: relative; width: "+formWidth+"px; height: "+(formOffsetTop)+"px; overflow: hidden;");

      brandLogoAnimatingWrapper.appendChild(brandLogo);
      brandLogoOverflowWrapper.appendChild(brandLogoAnimatingWrapper);
      newContentWrapper.appendChild(brandLogoOverflowWrapper);
      newContentWrapper.appendChild(searchBarWrapper);
      document.querySelector("#searchText").focus();

    }

    function injectBagContainer(){
      var bagContainerBack = document.querySelector(".bag-container.back");
      var brandLogoOverflowWrapper = document.querySelector("#brandLogoOverflowWrapper");
      brandLogoOverflowWrapper.parentNode.insertBefore(bagContainerBack, brandLogoOverflowWrapper);
      bagContainerBack.style.display = "block";

      var bagContainerFront = document.querySelector(".bag-container.front");
      var newContentWrapper = document.querySelector("#newContentWrapper");
      newContentWrapper.appendChild(bagContainerFront);
      bagContainerFront.style.display = "block";
    }

    function injectAndroid(){
      var android = document.querySelector("#android-container");
      var newContentWrapper = document.querySelector("#newContentWrapper");
      newContentWrapper.appendChild(android);
      android.style.display = "block";
    }

    function injectPhone(){
      var brandLogo = document.querySelector("#brandLogo");
      var phone = document.querySelector("#main-phone-container");
      brandLogo.parentNode.insertBefore(phone, brandLogo);
      phone.style.display = "block";
    }

    function runHeroAnimation(){
      var newContentWrapper = document.querySelector("#newContentWrapper");
      newContentWrapper.className += " run-hero-animation";

      var android = document.querySelector(".android");
      android.className = android.className.replace(" wave", " spin");
    }

    function moveAndroidBackInZSpace(){
      var android = document.querySelector("#android-container");
      android.className += " move-back";
    }

    (function() {
      var snippet = document.getElementById('snippet-shop');
      snippet.addEventListener('show_snippet', function(e) {
        wrapInitialPageContent();
        window.androidMouseoverEventHasBeenFired = false;
        setTimeout(function(){
          injectBagContainer();
          injectAndroid();
          injectPhone();
          var android = document.querySelector(".android");
          android.addEventListener("mouseover", function(e){
            if(!androidMouseoverEventHasBeenFired){
              androidMouseoverEventHasBeenFired = true;
              runHeroAnimation();
            }
          }, false);
      
          var brandLogo = document.querySelector("#brandLogo");
          brandLogo.addEventListener("animationend", function(){
            moveAndroidBackInZSpace();
          }, false);
        }, 0);
      });
    })();
  //]]>
  </script>

  </div></div>

  <div data-snippet-id="2250"><script type="text/javascript">
  //<![CDATA[
  (function() {

      var SAMPLE_RATE = 0.1;
      var STATS_URL = 'https://snippets-stats.mozilla.org/foo.html';

      var snippets = (document.getElementById('snippetContainer')
                      .getElementsByClassName('snippet'));
      if (snippets.length > 0) {
          var show_snippet = snippets[Math.floor(Math.random() * snippets.length)];
          show_snippet.style.display = 'block';

          try {
              activateSnippetsButtonClick(show_snippet);
          } catch (err) {
              // Do nothing, most likely a newer version of Firefox w/o
              // activateSnippetsButtonClick
          }

          // Send impression to the snippets stats server.
          var show_snippet_id = show_snippet.parentNode.dataset.snippetId;
          send_impression(show_snippet_id);

          // Trigger show_snippet event on snippet node.
          var evt = document.createEvent('Event');
          evt.initEvent('show_snippet', true, true);
          show_snippet.dispatchEvent(evt);

          // Add sample rate and snippet ID to currently displayed links.
          var parameters = ('sample_rate=' + SAMPLE_RATE + '&snippet_name=' +
                            show_snippet_id);
          modifyLinks(show_snippet.getElementsByTagName('a'), parameters);
      } else {
          localStorage['snippets'] = '';
          showSnippets();
      }

      // Notifies stats server that the given snippet ID
      // was shown. No personally-identifiable information
      // is sent.
      function send_impression(id) {
          if (Math.random() <= SAMPLE_RATE) {
              var r = new XMLHttpRequest();
              r.open('GET', STATS_URL + '?snippet_name=' + id);
              r.send();
          }
      }

      // Modifies the given links to include the specified GET parameters.
      function modifyLinks(links, parameters) {
          for (var k = 0, len = links.length; k < len; k++) {
              var link = links[k];
              var delimeter = (link.href.indexOf('?') !== -1 ? '&' : '?');

              // Pull the fragment off of the link
              var fragment_position = link.href.indexOf('#');
              if (fragment_position === -1) fragment_position = link.href.length;

              var href = link.href.substring(0, fragment_position);
              var fragment = link.href.substring(fragment_position);

              link.href = href + delimeter + parameters + fragment;
          }
      }

  })();
  //]]>
  </script></div>

  <!-- content generated at 2012-09-28T14:37:13Z --></div>


scope: emoh.:moz-safe-about
key: snippets-update-url
value:
  https://snippets.mozilla.com/2/Firefox/13.0.1/20120614114901/WINNT_x86-msvc/en-US/release/Windows_NT%206.1/default/default/


