var current = L.icon({
     iconUrl: '/map/img/icons/green.png',
     iconSize:     [12, 20],
     iconAnchor:   [6, 20],
     popupAnchor:  [0, -22]
});
var past = L.icon({
     iconUrl: '/map/img/icons/yellow.png',
     iconSize:     [12, 20],
     iconAnchor:   [6, 20],
     popupAnchor:  [0,-22]
});
var future = L.icon({
     iconUrl: '/map/img/icons/blue.png',
     iconSize:     [12, 20],
     iconAnchor:   [6, 20],
     popupAnchor:  [0,-22]
});

function displayEricaMap(latitude, longitude, zoom) {
var map = L.map('map').setView([latitude, longitude], zoom)
L.tileLayer('http://tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: 'Key: <img style="margin-top: 5px; margin-right: 3px;" src="/map/img/icons/green.png"/>Current Location &nbsp;&nbsp;<img style="margin-top: 5px; margin-right: 2px;" src="/map/img/icons/yellow.png"/>Past Location &nbsp;&nbsp;<img style="margin-top: 5px; margin-right: 3px;" src="/map/img/icons/blue.png"/>Future Location | Map &copy; <a href="http://www.openstreetmap.org/#map='+zoom+'/50.93733/-1.39770">OpenStreetMap</a> contributors <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
        maxZoom: 18
}).addTo(map);

var location0 = L.marker([50.936447, -1.395867], {icon: past}).addTo(map)
        .bindPopup("<h2>Building 32 Level 4 Coffee Room, University of Southampton</h2><p><b>Dates: </b><br/>12:00, March 18th 2013 - 15:00, July 11th 2013<br/>12:00, November 7th 2013 - 12:00, March 13th 2014<br/><br/>The Coffee Room has been the main building space for Erica both originally and for her 2014 upgrade.</p>");
var location1 = L.marker([50.906754, -1.405932], {icon: past}).addTo(map)
        .bindPopup("<h2>Marlands Shopping Centre, Southampton</h2><p><b>Dates: </b><br/>13:00, July 18th 2013 - 13:00, September 22nd 2013<br/><br/>The Marlands Shopping Centre was where Erica resided during the <a href=\"http://www.gorhinos.co.uk/\">GoRhinos!</a> campaign.</p>");
var location2 = L.marker([50.899663, -1.407992], {icon: past}).addTo(map)
        .bindPopup("<h2>Grand Harbour Hotel, Southampton</h2><p><b>Dates: </b><br/>00:00, October 30th 2013 - 23:59, October 30th 2013<br/><br/>Erica was auctioned to raise money for Marwell Wildlife and various other local charities and was bought by the University of Southampton for &pound;2500.</p>");
var location3 = L.marker([50.994618, -1.2764], {icon: past}).addTo(map)
        .bindPopup("<h2>Marwell Wildlife</h2><p><b>Dates: </b><br/>13:00, July 18th 2013 - 13:00, September 22nd 2013<br/><br/>Erica went on display with the other rhinos from the GoRhinos! campaign for a week before the rhino auction.</p>");
var location4 = L.marker([52.453721, -1.718441], {icon: past}).addTo(map)
        .bindPopup("<h2>Big Bang Fair: National Exhibition Centre, Birmingham</h2><p><b>Dates: </b><br/>09:00, March 13th 2014 - 17:00, March 16th 2014<br/><br/>Erica attended the <a href=\"http://www.thebigbangfair.co.uk/Volunteers/The_Big_Bang_Fair_2014/\">2014 Big Bang Fair</a> and meet thosands of children ad their teachers/parents over the four days.</p>");
var location5 = L.marker([50.934974, -1.397625], {icon: past}).addTo(map)
        .bindPopup("<h2>University of Southampton Science and Engineering Day 2014</h2><p><b>Dates: </b><br/>10:00, March 22nd 2014 - 17:00, March 22nd 2014<br/><br/>Erica attended the <a href=\"http://www.southampton.ac.uk/schoolsandcolleges/scienceweek/scienceday.html\">2014 Science and Engineering Day</a> and will be residing in the West Refectory.</p>");
var location6 = L.marker([50.936107, -1.397496], {icon: past}).addTo(map)
        .bindPopup("<h2>TEDxSouthamptonUniversity 2014</h2><p><b>Dates: </b><br/>18:00, March 22nd 2014 - 11:00, March 24th 2014<br/><br/>Erica attended the <a href=\"http://tedxsouthamptonuniversity.wordpress.com/\">2014 TEDxSouthamptonUniversity</a> conference and will be residing in the Nuffield Theatre.</p>");
var location7 = L.marker([50.93756, -1.398204], {icon: current}).addTo(map)
        .bindPopup("<h2>Zepler/Mountbatten Foyer, University of Southampton</h2><p><b>Dates: </b><br/>16:00, July 11th 2013 - 12:00, July 18th 2013<br/>12:00, March 24th 2014 - <br/><br/>Erica's new permanent home will be in the foyer of the Mountbatten Building.</p>");
var location8 = L.marker([50.936688, -1.396584], {icon: past}).addTo(map)
        .bindPopup("<h2>University of Southampton Science and Engineering Day 2015</h2><p><b>Dates: </b><br/>10:30, March 14th 2015 - 16:30, March 14th 2015<br/><br/>Erica attended the <a href=\"http://www.southampton.ac.uk/per/university/festival/science-and-engineering-day.page\">2015 Science and Engineering Day</a> and set up base in the Nigthingale building.</p>");
var location9 = L.marker([50.7083888, -2.4537038], {icon: past}).addTo(map)
        .bindPopup("<h2>Thomas Hardye School</h2><p><b>Dates: </b><br/>09:00, April 28th 2015 - 15:30, April 28th 2015<br/><br/>Erica trekked out to Dorchester to meet pupils at the <a href=\"http://www.thomas-hardye.dorset.sch.uk/\">Thomas Hardye School</a>.</p>");
var location10 = L.marker([51.8892276, -2.0761046], {icon: past}).addTo(map)
        .bindPopup("<h2>Cheltenham Science Festival 2015</h2><p><b>Dates: </b><br/>09:00, June 3rd 2015 - 17:00, June 3rd 2015<br/><br/>Erica took a trip out to Cheltenham to pay a visit to their <a href=\"http://www.cheltenhamfestivals.com/science\">Science Festival</a> at the Cheltenham Town Hall.</p>");
};