//
var map = null;
var defaultHtml;
var gdir = null;
var mypoly = null;
// The allowed region which the whole map must be within
var allowedBounds = new GLatLngBounds(new GLatLng(55, 7), new GLatLng(58, 15));
function initilizeMap(maparea, sidebar, usedWidth, usedHeight, defaultMarker, selectedMarker, zoomMin, zoomMax) {
itaSelectedIcon.image = selectedMarker;
itaMarkerIcon.image = defaultMarker;
$(window).resize(function() { resizeMap(maparea, sidebar, usedWidth, usedHeight); });
resizeMap(maparea, sidebar, usedWidth, usedHeight);
defaultHtml = $(sidebar).html();
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById($(maparea)[0].id), { mapTypes:[G_NORMAL_MAP] });
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());
map.addControl(new GOverviewMapControl());
map.enableContinuousZoom();
map.enableDoubleClickZoom();
map.enableScrollWheelZoom();
map.enableInfoWindow();
new ItaMapManager(map, salesOrg, sidebar).show();
findSiteAndCenter();
gdir = new GDirections(map, document.getElementById($(sidebar)[0].id));
GEvent.addListener(gdir, 'load', onGDirectionsLoad);
GEvent.addListener(gdir, 'error', handleErrors);
GEvent.addListener(gdir, 'addoverlay', formatRoute);
}
// Restricting the range of Zoom Levels
// Get the list of map types
var mt = map.getMapTypes();
// Overwrite the getMinimumResolution() and getMaximumResolution() methods
for (var i = 0; i < mt.length; i++) {
mt[i].getMinimumResolution = function() { return zoomMin; }
mt[i].getMaximumResolution = function() { return zoomMax; }
}
// Add a move listener to restrict the bounds range
GEvent.addListener(map, 'move', function() {
checkBounds();
});
}
function resizeMap(maparea, sideBarElement, usedWidth, usedHeight) {
if (usedWidth != null)
$(maparea).width($(window).width() - usedWidth);
if (usedHeight != null)
$(maparea).height($(window).height() - usedHeight);
}
// Function to center and zoom
function gmapCenterAndZoom(gmap, minLat, maxLat, minLng, maxLng) {
try {
var swPoint = new GLatLng(minLat, minLng);
var nePoint = new GLatLng(maxLat, maxLng);
var latLngBound = new GLatLngBounds(swPoint, nePoint);
var center = new GLatLng((minLat + maxLat) / 2, (minLng + maxLng) / 2);
var zoom = gmap.getBoundsZoomLevel(latLngBound);
gmap.setCenter(center, zoom);
} catch (e) { }
}
// Parses the anchor part of the url in order to find site and select it.
function findSiteAndCenter() {
var parts = location.href.split('#');
if (parts.length >= 2) {
var siteWerks = parts[1];
var site = mapManager.findSite(siteWerks);
// Select site at set the zoomlevel.
if (site) site.select(14);
}
}
// If the map position is out of range, move it back
function checkBounds() {
// Perform the check and return if OK
if (allowedBounds.contains(map.getCenter()))
return;
// It's not OK, so find the nearest allowed point and move there
var c = map.getCenter();
var x = c.lng();
var y = c.lat();
var maxX = allowedBounds.getNorthEast().lng();
var maxY = allowedBounds.getNorthEast().lat();
var minX = allowedBounds.getSouthWest().lng();
var minY = allowedBounds.getSouthWest().lat();
if (x < minX) {x = minX;}
if (x > maxX) {x = maxX;}
if (y < minY) {y = minY;}
if (y > maxY) {y = maxY;}
map.setCenter(new GLatLng(y, x));
}
// NB
var mapManager = null;
// Constructs a new Manager. The min/max lat lng suggeest
function ItaMapManager(map, salesOrg, sidebar, minLat, maxLat, minLng, maxLng) {
if (map != null) {
this.map = map;
this.salesOrg = salesOrg;
mapManager = this;
this.sidebar = sidebar;
this.selectedSite = null;
this.suggestedMinLat = minLat;
this.suggestedMaxLat = maxLat;
this.suggestedMinLng = minLng;
this.suggestedMaxLng = maxLng;
}
}
ItaMapManager.prototype = new ItaMapManager();
// shows the map and markers for every site.
ItaMapManager.prototype.show = function() {
this.centerAndZoom();
this.salesOrg.show();
}
ItaMapManager.prototype.calculateMinMax = function() {
this.minLatitude = this.suggestedMinLat;
this.maxLatitude = this.suggestedMaxLat;
this.minLongitude = this.suggestedMinLng;
this.maxLongitude = this.suggestedMaxLng;
for (var i = 0; i < this.salesOrg.sites.length; i++) {
var site = this.salesOrg.sites[i];
if (this.minLatitude == null || site.lat < this.minLatitude)
this.minLatitude = site.lat;
if (this.maxLatitude == null || site.lat > this.maxLatitude)
this.maxLatitude = site.lat;
if (this.minLongitude == null || site.lng < this.minLongitude)
this.minLongitude = site.lng;
if (this.maxLongitude == null || site.lng > this.maxLongitude)
this.maxLongitude = site.lng;
}
this.minLatitude -= 0.3;
this.maxLatitude += 0.3;
this.minLongitude -= 0.3;
this.maxLongitude += 0.3;
}
ItaMapManager.prototype.centerAndZoom = function() {
this.calculateMinMax();
gmapCenterAndZoom(this.map, this.minLatitude, this.maxLatitude, this.minLongitude, this.maxLongitude);
}
ItaMapManager.prototype.findSite = function(werks) {
for (var i = 0; i < this.salesOrg.sites.length; i++) {
var site = this.salesOrg.sites[i];
if (site.werks == werks)
return site;
}
}
// Costruncts a new sales org
// - vkorg - id of the organisation.
function ItaSalesOrg() {
this.sites = [];
}
ItaSalesOrg.prototype = new ItaSalesOrg();
// Adds site to this sales org.
// werks - id of the site
// lat - The latitude of the site
// lng - The longitude of the site.
// name1 - The first name line
ItaSalesOrg.prototype.addSite = function(werks, lat, lng, name1) {
var site = new ItaSite(werks, lat, lng, name1);
this.sites.push(site);
}
ItaSalesOrg.prototype.show = function() {
for (var i = 0; i < this.sites.length; i++)
this.sites[i].show();
}
// Constructs a new Site
function ItaSite(werks, lat, lng, name1) {
if (werks != null) {
this.werks = werks;
this.lat = lat;
this.lng = lng;
this.name1 = name1;
this.latLng = new GLatLng(lat, lng);
this.selected = false;
}
}
ItaSite.prototype = new ItaSite();
ItaSite.prototype.show = function() {
if (! this.gmarker)
this.createMarker();
}
function currentlatLng() {
return this.latLng;
}
// The default icon for selected.
var itaSelectedIcon = new GIcon();
itaSelectedIcon.image = '';
itaSelectedIcon.iconSize = new GSize(6, 6)
itaSelectedIcon.iconAnchor = new GPoint(6, 6);
itaSelectedIcon.infoWindowAnchor = new GPoint(10, 1);
var itaSelectedMarkerOptions = { draggable: false, icon: itaSelectedIcon, title: "" };
var itaMarkerIcon = new GIcon();
itaMarkerIcon.image = '';
itaMarkerIcon.iconSize = new GSize(6, 6)
itaMarkerIcon.iconAnchor = new GPoint(6, 6);
itaMarkerIcon.infoWindowAnchor = new GPoint(10, 1);
var itaDefaultMarkerOptions = { draggable: false, icon: itaMarkerIcon, title: "" };
ItaSite.prototype.createMarker = function() {
if (this.gmarker)
mapManager.map.removeOverlay(this.gmarker);
var markerOptions = this.selected ? itaSelectedMarkerOptions : itaDefaultMarkerOptions;
markerOptions.title = this.name1;
this.gmarker = new GMarker(this.latLng, markerOptions);
this.gmarker.itaMarker = this;
var itaSite = this;
GEvent.addListener(this.gmarker, 'click', function() {
cleanOverlay();
itaSite.select();
});
GEvent.addListener(this.gmarker, 'dblclick', function () {
cleanOverlay();
itaSite.select();
});
mapManager.map.addOverlay(this.gmarker);
return this.gmarker;
}
ItaSite.prototype.select = function(specificZoom) {
// var curzoom = mapManager.map.getZoom();
// var zoomIntoMinLevel = Math.min(curzoom + 3, 12)
// var zoomlevel = specificZoom ? specificZoom : Math.max(curzoom, zoomIntoMinLevel);
// mapManager.map.setCenter(this.latLng, zoomlevel);
if (mapManager.selectedSite) {
// There was one selected already - unselected and change icon
mapManager.selectedSite.selected = false;
mapManager.selectedSite.createMarker();
}
mapManager.selectedSite = this;
this.selected = true;
this.createMarker();
this.loadDetails(true);
changeAnchor(this.werks);
}
function changeAnchor(anchor) {
var parts = location.href.split("#");
var newUrl = parts[0] + "#" + anchor;
location.href = newUrl;
}
ItaSite.prototype.loadDetails = function(detail) {
$.post('/script/shop/sportigan/map.json', { shop: this.werks },
function(info) {
var i;
var shop = new ItaSiteDetails(info.code, info.name, info.comment);
for(i = 0; i < info.address.length; i++)
shop.addAddress(info.address[i]);
for(i = 0; i < info.contact.length; i++)
shop.addContact(info.contact[i].type, info.contact[i].text);
if (detail) {
for(i = 0; i < info.open.length; i++)
shop.addOpen(info.open[i].day, info.open[i].from, info.open[i].to);
}
shop.show();
$('#top-link-right').css({ 'cursor': 'pointer' });
$('#top-link-right').html('Gå til søgning efter butikker');
$('#top-link-right').bind('click', function(event) {
$(this).unbind();
goToStart();
});
}, 'json');
}
function setDirections(fromAddress, toAddress, locale) {
gdir.load("from: " + fromAddress + " to: " + toAddress, { "locale": locale });
}
function handleErrors() { }
function onGDirectionsLoad() { }
function formatRoute() {
var numMarkers = gdir.getNumGeocodes()
for (var i = 0; i < numMarkers; i++) {
var marker = gdir.getMarker(i);
if (marker != null)
marker.hide();
}
var points = [];
var poly = gdir.getPolyline();
for (var i = 0; i < poly.getVertexCount(); i++)
points[i] = poly.getVertex(i);
mypoly = new GPolyline(points, '#ff5d00', 5, 1);
map.addOverlay(mypoly);
}
var siteDetails = {};
function ItaOpen(day, opening, closing) {
this.day = day;
this.opening = opening;
this.closing = closing;
}
ItaOpen.prototype = new ItaOpen();
function ItaContact(type, text) {
this.type = type;
this.text = text;
}
ItaContact.prototype = new ItaContact();
function ItaSiteDetails(werks, name, comment) {
siteDetails[werks] = this;
this.werks = werks;
this.name = name;
this.comment = comment;
this.address = [];
this.open = [];
this.contact = [];
}
ItaSiteDetails.prototype = new ItaSiteDetails();
// - Adds address.
ItaSiteDetails.prototype.addAddress = function(address) {
this.address[this.address.length] = address;
}
// - Adds opening hours.
ItaSiteDetails.prototype.addOpen = function(day, opening, closing) {
var openInst = new ItaOpen(day, opening, closing);
this.open[this.open.length] = openInst;
}
// - Adds contact information.
ItaSiteDetails.prototype.addContact = function(type, text) {
var contactInst = new ItaContact(type, text);
this.contact[this.contact.length] = contactInst;
}
ItaSiteDetails.prototype.show = function() {
var i;
var html = '';
html += '
' + this.name + '
';
html += '
';
for (i = 0; i < this.address.length; i ++)
html += '
' + this.address[i] + '
';
html += '
';
if (this.contact.length > 0) {
html += '
';
for (i = 0; i < this.contact.length; i ++) {
if (this.contact[i].type == 'phone')
html += '
' + this.contact[i].text + '
';
else if (this.contact[i].type == 'fax')
html += '
' + this.contact[i].text + '
';
else if (this.contact[i].type == 'email')
html += '