define(['campus-coords', 'd3'], function(coords, d3) {
    'use strict';

    var imageUrl = 'images/campus.jpg';

    function initSvg(svg) {
        svg
            .attr('width', 1280)
            .attr('height', 893);

        svg.append('image')
            .attr('xlink:href', imageUrl)
            .attr('width', 1280)
            .attr('height', 893);

        svg.append('g')
            .selectAll('polygon')
                .data(coords)
            .enter()
                .append('a')
                    .attr('xlink:href', function(d) {
                        return '#/campus/' + d.name;
                    })
                .append('polygon')
                    .attr('class', 'building')
                    .attr('points', function(d) {
                        return d.coords.join(' ');
                    })
                    .append('title')
                        .text(function(d) {
                            return d.name;
                        });
    }

    return function() {
        var svg = d3.select('#campus-map').append('svg');
        initSvg(svg);
    };
});