title: "insecure content" in Chrome for bookmarlet
body: <p>I developed a small <a href="http://www.silviolorusso.com/scrolltv/" rel="nofollow">bookmarklet</a>, and it worked fine till the chrome last update. </p>
  
  <p>Now it runs "insecure content" when it's clicked while on facebook and it doesn't even start on twitter.</p>
  
  <p>I'd like to know hoe to avoid "insecure content" and blocking by chrome. </p>
  
  <p>Here's the code:</p>
  
  <p><strong>bookmarklet</strong></p>
  
  <pre><code>if (typeof jQuery === "undefined") {
      var script_tag = document.createElement('script');
      script_tag.setAttribute("type","text/javascript");
      script_tag.setAttribute("src","http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js");
      script_tag.onload = function() { $.getScript('http://www.silviolorusso.com/scrolltv/scrolltv.js',function(){main();}); };
      script_tag.onreadystatechange = function () {
          if (this.readyState == 'complete' || this.readyState == 'loaded')  $.getScript('http://www.silviolorusso.com/scrolltv/scrolltv.js',function(){main();});
      };
      document.getElementsByTagName("head")[0].appendChild(script_tag);
  } else {
      $.getScript('http://www.silviolorusso.com/scrolltv/scrolltv.js',function(){
          main();
      });
  }
  </code></pre>
  
  <p><strong>injected js</strong></p>
  
  <pre><code>var status = 0;
  $bottom = 100;
  $position = 0;
  function scrollTV() {
      if ( ($(document).scrollTop() + $(window).height() - 500 ) &gt;= $position ) {
          $position = $position + 50;
          $('html, body').animate({scrollTop:$bottom}, 2500, 'linear', function() { 
             $bottom = $bottom + 100;
             scrollTV();
          });
      } else {
          $('html, body').stop(true);
          $('#style-scroll, #soundtrack, #atransp').remove();
          $(document).fullScreen(false);
          $('#soundtrack')[0].pause();
          status = 0;
      }
  };
  function start() {
      if (status == 0) {
          status = 1;
          function start2() {
              setTimeout(function() {
                  $('#soundtrack')[0].play();
                  $('#loading-scroll, #blackscreen').remove();
                  $('html, body').animate({scrollTop:1}, 0);
                  scrollTV();
              }, 1000);        
          }
          $('#title-scroll').remove();
          if (!($.browser.mozilla)) {
              $('&lt;div id="loading-scroll" class="text-small-scroll" &gt;Loading&lt;/div&gt;').appendTo('#blackscreen');
          } else {
              $('&lt;div id="loading-scroll" class="text-small-scroll" &gt;&lt;img src="http://www.silviolorusso.com/scrolltv/loading.png" /&gt;&lt;/div&gt;').appendTo('#blackscreen');
          }
          if (!($.browser.mozilla)) { $(document).fullScreen(true); };
          $('#soundtrack')[0].addEventListener('oncanplay', start2(), false); 
      } else {
          status = 0;
          $('#soundtrack')[0].pause();
          $('#soundtrack, #style-scroll, #atransp').remove();
          $('html, body').stop(true);
          $(document).fullScreen(false);   
      }
  }
  function main() {
      if (!$('#style-scroll').length) {
          $('&lt;script src="http://www.silviolorusso.com/scrolltv/jquery.fullscreen-min.js"&gt; &lt;/script&gt;').appendTo('head');
          style = "&lt;style id=\"style-scroll\"&gt; @font-face { font-family: 'AmericanPurpose'; src: url('http://www.silviolorusso.com/scrolltv/font/american_purpose_casual_02-webfont.eot'); src: url('http://www.silviolorusso.com/scrolltv/font/american_purpose_casual_02-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.silviolorusso.com/scrolltv/font/american_purpose_casual_02-webfont.woff') format('woff'), url('http://www.silviolorusso.com/scrolltv/font/american_purpose_casual_02-webfont.ttf') format('truetype'), url('http://www.silviolorusso.com/scrolltv/font/american_purpose_casual_02-webfont.svg#AmericanPurposeCasual02Rg') format('svg'); font-weight: normal; font-style: normal; } body { overflow:hidden !important; } div#transpscreen, div#blackscreen  { position:fixed; top: 0; bottom:0; left:0; right:0; z-index:9999;} div#blackscreen {background-color: black; z-index:9990} div#title-scroll, div#loading-scroll { width:100%; text-align:center; margin-top:200px; color: white; } div#loading-scroll { margin-top: 300px; } .title-scroll { font-family: 'AmericanPurpose'; font-size: 80px; line-height:50px; color: white; font-weight: bold; text-decoration: none; } .text-small-scroll { font-family: 'AmericanPurpose'; font-weight:normal; font-size: 19px; line-height: 20px; margin-top:10px; }&lt;/style&gt;";
          $(style).appendTo('head');
          $('&lt;a href="#" onclick="start()" id="atransp"&gt;&lt;div id="transpscreen"&gt;&lt;/div&gt;&lt;/a&gt;').appendTo('body');
          if (!($.browser.mozilla)) { 
              $('&lt;div id="blackscreen"&gt;&lt;div id="title-scroll" class="title-scroll"&gt;ScrollTV&lt;br/&gt;&lt;span class="text-small-scroll"&gt;Click to play&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;').appendTo('body');
          } else {
              $('&lt;div id="blackscreen"&gt;&lt;div id="title-scroll" class="title-scroll"&gt;&lt;img src="http://www.silviolorusso.com/scrolltv/title-firefox.png" /&gt;&lt;/div&gt;&lt;/div&gt;').appendTo('body');
          }
          $('&lt;audio id="soundtrack" loop preload="auto" autobuffer&gt;&lt;source src="http://www.silviolorusso.com/scrolltv/soundtrack.mp3" /&gt;&lt;source src="http://www.silviolorusso.com/scrolltv/soundtrack.ogg" /&gt;&lt;/audio&gt;').appendTo('body');
      }
  };
  </code></pre>
  
  <p>suggestions?</p>
  
  <p>thanks.</p>