// consts
        var DATE = 0;
        var TITLE = 1;
        var HOST = 2;
        var LOCATION = 3;
        var WEBSITE = 4;
        var GEOCODES = 5;

	// global vars
        var map = null;
        var mapBound = null;



	function initializeMap()
	{
            if (GBrowserIsCompatible()) 
            {
                map = new GMap2(document.getElementById("mapCanvas"));
                map.setCenter(new GLatLng(39.32, -95.92), 4);
                //map.addControl(new GLargeMapControl());
                //map.addControl(new GMapTypeControl());
                //map.enableScrollWheelZoom();
                mapBound = new GLatLngBounds();

                for (var i = 0; i < data.length; i++) {
                    jobFair = data[i].split("|");
                    AddMarker(jobFair);
                }
            }
	}

        //Add a marker 
        function AddMarker(data) {
            var geocodes = data[GEOCODES].split(",");
            var point = new GLatLng(geocodes[0], geocodes[1], true);
            var marker = GetMarker(point, data);

            map.addOverlay(marker);
            mapBound.extend(point);
        }       

        //Decorate the marker with the data and subscribe it to mouse over event
        function GetMarker(point, data) {
            var marker = new GMarker(point, GetIcon());
            GEvent.addListener(marker, "mouseover", function() {
                map.openInfoWindowHtml(point, FormatMapData(data));
            });

            return marker;
        }

        //Return the icon representing the type
        function GetIcon() {
            markerOptions = null;
            var eventIcon = new GIcon();

            eventIcon.iconSize = new GSize(30, 42);
            eventIcon.shadowSize = new GSize(70, 42);
            eventIcon.iconAnchor = new GPoint(24, 45);
            eventIcon.infoWindowAnchor = new GPoint(24, 45);
	    eventIcon.shadow = "images/CareerFair/twolMapMarker_shadow.png";
            eventIcon.image = "images/CareerFair/twolMapMarker.png";

            markerOptions = { icon: eventIcon };

            return markerOptions;
        }

        //Format the data to be displayed in the bubble
        function FormatMapData(data) {
            var display = new Array();
            display[DATE] = '<p class="bubbleTextHighlight">' + data[DATE] + '</p>';
            display[TITLE] = '<p class="bubbleText">' + data[TITLE] + '</p>';

            display[HOST] = '<p class="bubbleText">' + data[HOST] + '</p>';
            display[LOCATION] = '<p class="bubbleText">' + data[LOCATION] + '</p>';
            display[WEBSITE] = '<p class="bubbleText"><a target="_blank" href="http://' + data[WEBSITE] + '">Details</a></p>';

            var formattedData = "<div id='mapBubble'><div class='bubbleContentImage'><img src='images/CareerFair/twolLogo.png' alt='TeamWork Online'></div><div class='bubbleContentText'>" + display.join("") + "</div></div>";
            return formattedData;
        }