More refactoring

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>SF Movies | Find out where the best movies happened in San Fransisco</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="/bower_components/boc-autocomplete/build/boc.autocomplete.min.css">
    <link rel="stylesheet" type="text/css" href="style.css">
    <script type="text/javascript" src="bower_components/boc-autocomplete/build/boc.autocomplete.min.js"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="map-service.js"></script>
    <script type="text/javascript" src="templates.js"></script>
    <script type="text/javascript" src="home-control.js"></script>
    <script type="text/javascript" src="search-control.js"></script>
    <script type="text/javascript" src="location-control.js"></script>
    <script type="text/javascript" src="movie-control.js"></script>
  </head>
  <body>
    <div id="map-canvas"></div>
    <script type="text/javascript">
      var map;

      function initialize() {
        var mapDiv = document.getElementById('map-canvas');
        var map = new MapService(window.google, mapDiv);

        var searchControlDiv = document.createElement('div');
        searchControlDiv.id = 'top';
        searchControlDiv.className = 'top';

        new SearchControl(searchControlDiv, map);
        map.addView(searchControlDiv, 'TOP_LEFT');

        var homeControlDiv = document.createElement('div');
        homeControlDiv.id = 'bottom_panel';
        homeControlDiv.className = 'bottom_panel';

        new HomeControl(homeControlDiv, map);
        map.addView(homeControlDiv, 'BOTTOM_CENTER');
      }

      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </body>
</html>