var data = {
  Pittsburgh: {
    name: 'Pittsburgh, PA',
    position: {left:'590px', top:'140px'},
    pins: {
      HH: {
        name: 'Hammerschlag Hall, CMU',
        position: {left:'570px', top:'340px'},
      },
    },
  },
  SF: {
    name: 'San Francisco, CA',
    position: {left:'315px', top:'120px'},
  }
};

function renderWorldMap() {
  $(document).ready(function() {
    jQuery.each(data, function(city,hash) {
      var pin = $(new Image())
        .attr('src', base + '/images/pin.png')
        .addClass('pin').css(hash.position);
      pin.click(function() {
        window.location = '/cities/' + city;
      });
      $('#map').append(pin);
    });
  });
}

function renderCityMap(city) {
  $(document).ready(function() {
    var tbr = data[city].pins;
    jQuery.each(tbr, function(name,hash) {
      var pin = $(new Image())
        .attr('src', base + '/images/pin.png')
        .addClass('pin').css(hash.position);
      pin.click(function() {
        window.location = '/' + city + '/' + name;
      });
      $('#map').append(pin);
    });
  });
}