fixed election map

<!DOCTYPE html>
<html>
  <head>
    <title>Election Mapping Bonanza</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <link rel="shortcut icon" href="https://cartodb.com/assets/favicon.ico" />
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>

.Header h1 {
        font: 700 30px 'Open Sans Condensed';
        color: #333;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #ccc;
        margin: 0 0 30px 0;
      }
      .ramp-inner {
        height: 20px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2f4886+0,2f4886+50,2f4886+50,2989d8+51,2989d8+51,ad373e+51 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(left,  #1e5799 0%, #2f4886 0%, #2f4886 50%, #2f4886 50%, #2989d8 51%, #2989d8 51%, #ad373e 51%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1e5799 0%,#2f4886 0%,#2f4886 50%,#2f4886 50%,#2989d8 51%,#2989d8 51%,#ad373e 51%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1e5799 0%,#2f4886 0%,#2f4886 50%,#2f4886 50%,#2989d8 51%,#2989d8 51%,#ad373e 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ad373e',GradientType=1 ); /* IE6-9 */

border-radius: 50px;
      }
      .ramp {
        margin-bottom: 30px;
      }
      .ramp-info {
        width: auto;
        overflow: hidden;
        margin-bottom: 12px;
      }
      .ramp-info li {
        float: left;
        width: 20%;
        text-align: left;
        margin: 0;
        font: 300 20px/18px 'Open Sans Condensed', sans-serif;
        text-transform: uppercase;
      }
      .cartodb-overlay {
        display: none !Important;
      }
      .Thumbnails > li {
        opacity: .5;
        margin-bottom: 30px;
        position: relative;
        cursor: pointer;
      }
      .Thumbnails > li p {
        font: 300 14px/15px 'Open Sans Condensed', sans-serif;
        margin: 0;
        position: absolute;
        bottom: 10px;
        left: 10px;
      }
        
      .Thumbnails > li.selected {
        opacity: 1;
      }
      .mapx {
        height: 100px;
        position: relative;
        overflow: hidden;
      }
      .selected .mapx {
        box-shadow: 0 0 8px rgba(0, 0, 0, .2);
      }
      .mapx:after {
        content:"";
        position: absolute;
        display: block;
        pointer-events: none;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 2px;
      }
      .logo {
        position: absolute;
        left: 40px;
        bottom: 40px;
      }
    </style>
     <link rel="stylesheet" href="https://libs.cartocdn.com/cartodb.js/v3/3.15/themes/css/cartodb.css" />
  </head>
  <body>
    <div id="map" class=" top_map"></div>
    <div id="map_selector" class="">
      <div class="Header">
        <h1>Election Results</h1>
        <div class="ramp">
          <ul class="ramp-info">
            <li>Obama</li>
            <li style="float: right;">Romney</li>
          </ul>
          <div class="ramp-inner"></div>
        </div>
        <img class="logo" src="https://cartodb-libs.global.ssl.fastly.net/cartodb.com/static/logos_full_cartodb_light.png" height="30" />
      </div>
      <ul class="Thumbnails">
        <li id='img1' class="selected">
          <div id="map1" class="mapx"></div>
          <p>Winner by County</p>
        </li>
        <li id='img2'>
          <div id="map2" class="mapx"></div>
          <p>Proportional Sym</p>
        </li>
        <li id='img3'>
          <div id="map3" class="mapx"></div>
          <p>Coming soon...</p>
        </li>
      </ul>
    </div>
 
    
    <script src="https://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.js"></script>
 
    <script>
      var sync_center = true;
      var a = 0;
      var jsons = [
          {viz: 'https://team.cartodb.com/u/mamataakella/api/v2/viz/843f4a94-87df-11e5-8fb7-0e674067d321/viz.json'},
          {viz: 'https://team.cartodb.com/u/mamataakella/api/v2/viz/90683c18-87e9-11e5-bd9f-0ecfd53eb7d3/viz.json'},
          {viz: 'https://team.cartodb.com/u/mamataakella/api/v2/viz/b8b85f66-7904-11e5-8dc0-0e3ff518bd15/viz.json'}
      ];
      var map;
      var center = {'lat':15.222246513227375,'lng':-2.01025390625};
      var center2 = [5,2];
      var zoom = 5;
      var zoom2 = 5;

//loadMaps events
        $('#map1').click(function(){
          loadMaps(0);
        });
        $('#map2').click(function(){
          loadMaps(1);
        });
        $('#map3').click(function(){
          loadMaps(2);
        });

// Click on first button
        $('#map1').click();
      }

$('.Thumbnails > li').click(function() {
        $('.Thumbnails > li').removeClass('selected');
        $(this).addClass('selected');
      });

window.onload = main;
    </script>
  </body>
</html>

Modified http://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.js to a secure url

https://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.js