// JScript File
/*******************************************************************************/
// Global properties
var overlayCount=0;
var map; // the Google map
var groups = 0; // number of groups
var overlays = []; // keep track of group overlays
var GLogON = false;
GLogON = true;
var activeTab_arr;
var activeLayers = [];
var t;
var startTime = new Date(); // start time to keep track of performance
var debugPerformance = 0;
var countThreadAJAX = 0;
var countThreadAJAX2 = 0;
var countThreadAJAXForGrid = 0;
var debugThreadAJAX = 0;
var ck_toolbar;
var ck_legend;
var ck_zoom;
var ck_center;
var ck_advisories;
var ck_bordercameras;
var ck_portcameras;
var ck_trafficcameras;
var ck_bordercrossings;
var ck_ferryterminals;
var ck_airport;
var ck_portofvancouver;
var ck_weather;
var ck_transitstations;
var ck_transitbusroutes;
var ck_skytrainroutes;
var ck_truckroutes;
var ck_dangerousgoodsroutes;
var ck_boundaries;
var ck_bikeroute1;
var ck_westcoastexpress;
var previousCenterPoint;
var originalInfoCenterPoint;
var infoWindowHasBeenOpened = false;
var previousZoom;
// The allowed region which the whole map must be within
var allowedBounds = new GLatLngBounds(new GLatLng(48.70,-124.05), new GLatLng(50.2,-122.15));
// Cookies Name used for Map interaction with Grid related
// x1,y1 being southwest coordinate
// x2,y2 being northeast coordinate
var x1CookieName = 'x1MapSWCoordinate';
var x2CookieName = 'y1MapSWCoordinate';
var y1CookieName = 'x2MapNECoordinate';
var y2CookieName = 'y2MapNECoordinate';
var PanOrZoomPostbackCookieName = 'PanOrZoomPostbackCookieName';
var ZoomLevelCookieName = 'ZoomLevelCookieName';
// Used for the bus routes grid
var activeBusRoutesCookieName = 'activeBusRoutes';
var highlightBusRouteCookieName = 'highlightBusRoute';
var activeBusRoutesStopsCookieName = 'activeBusRoutesStops';
// Used for the full screen bus routes grid
var FSactiveBusRoutesCookieName = 'FSactiveBusRoutes';
var FShighlightBusRouteCookieName = 'FShighlightBusRoute';
var FSactiveBusRoutesStopsCookieName = 'FSactiveBusRoutesStops';
var TEMPactiveBusRoutesCookieName = 'TEMPactiveBusRoutes';
var TEMPactiveBusRoutesStopsCookieName = 'TEMPactiveBusRoutesStops';
var savedBusRoutesCookieName = 'savedBusRoutesCookieName';
var savedBusRoutesStopsCookieName = 'savedBusRoutesStops';
var savedMotoristsBusRoutesCookieName = 'savedMotoristsBusRoutes';
var savedMotoristsBusRoutesStopsCookieName = 'savedMotoristsBusRoutesStops';
var savedTransitBusRoutesCookieName = 'savedTransitBusRoutesCookieName';
var savedTransitBusRoutesStopsCookieName = 'savedTransitBusRoutesStops';
var savedCyclingBusRoutesCookieName = 'savedCyclingBusRoutes';
var savedCyclingBusRoutesStopsCookieName = 'savedCyclingBusRoutesStops';
var savedGatewaysBusRoutesCookieName = 'savedGatewaysBusRoutes';
var savedGatewaysBusRoutesStopsCookieName = 'savedGatewaysBusRoutesStops';
var savedVisitorsBusRoutesCookieName = 'savedVisitorsBusRoutes';
var savedVisitorsBusRoutesStopsCookieName = 'savedVisitorsBusRoutesStops';
var savedCommericalBusRoutesCookieName = 'savedCommericalBusRoutes';
var savedCommercialBusRoutesStopsCookieName = 'savedCommercialBusRoutesStops';
var activeMotoristsLayersCookieName = 'activeMotoristsLayers';
var activeTransitLayersCookieName = 'activeTransitLayers';
var activeCyclingLayersCookieName = 'activeCyclingLayers';
var activeGatewaysLayersCookieName = 'activeGatewaysLayers';
var activeVisitorsLayersCookieName = 'activeVisitorsLayers';
var activeCommericalsLayersCookieName = 'activeCommercialLayers';
// Use to transfer active layers between 3/4 size map and full size map
var activeFullScreenLayersCookieName = 'activeFullScreenLayers';
// Cookie names used for interactive map full screen
var FullScreenMapCenterCookieName = 'FullScreenMapCenterCookieName';
var FullScreenZoomLevelCookieName = 'FullScreenZoomLevelCookieName';
// Cookie names used for storing Pan/Zoom values per tab for regular map
var MotoristsMapCenterCookieName = 'MotoristsMapCenterCookieName';
var MotoristsZoomLevelCookieName = 'MotoristsZoomLevelCookieName';
var TransitMapCenterCookieName = 'TransitMapCenterCookieName';
var TransitZoomLevelCookieName = 'TransitZoomLevelCookieName';
var CyclingMapCenterCookieName = 'CyclingMapCenterCookieName';
var CyclingZoomLevelCookieName = 'CyclingZoomLevelCookieName';
var GatewaysMapCenterCookieName = 'GatewaysMapCenterCookieName';
var GatewaysZoomLevelCookieName = 'GatewaysZoomLevelCookieName';
var VisitorsMapCenterCookieName = 'VisitorsMapCenterCookieName';
var VisitorsZoomLevelCookieName = 'VisitorsZoomLevelCookieName';
var CommercialMapCenterCookieName = 'CommercialMapCenterCookieName';
var CommercialZoomLevelCookieName = 'CommercialZoomLevelCookieName';
var FullScreenBusRoutesFlagCookie = 'FullScreenBusRoutesFlag';
var iMoveVersionCookieName = 'iMoveVersionCookie';
var iMoveVersion = '3.6';
var iMoveTestingCookieName = 'iMoveTestingCookie';
var iMoveIEBrowserNoticeCookieName = 'iMoveIEBrowserNoticeCookie';
var iMoveSafariBrowserNoticeCookieName = 'iMoveSafariBrowserNoticeCookie';
// Used to store which datagrid tab we are working on
//var DataGridTabCookieName = 'DataGridTabCookieName';
// default service for retrieving XML data response for the grid or map
// This declaration needs to come before the "xmlRootPathCommon" declaration.
var xmlRootPathService ="/ATISServices/Services/";
// default path for retrieving XML data for the grid or map
var xmlRootPathCommon = "";
retrieveResourceLocation('XmlFilesUrl');
var xmlRootPathBusRoutes = "";
retrieveResourceLocationBusRoutes('XmlFilesUrlForBusRoutes');
// Used to retrieve system parameters table values from database
var GlobalSystemParams = [];
// relative path to get xml response
var RegionsXmlResponsePath = "/ATISServices/Services/Regions.aspx";
var EventsXmlResponsePath = "/ATISServices/Services/Events.aspx";
var CameraGroupsXmlResponsePath = "/ATISServices/Services/CameraGroups.aspx";
var CamerasXmlResponsePath = "/ATISServices/Services/Cameras.aspx";
var BusRoutesGridXmlResponsePath = "/ATISServices/Services/BusRoutesGrid.aspx";
// var loadingMessageHTML = "
Loading, please wait.
";
var loadingMessageHTML = "";
//var loadingMessageHTML = "";
var gridLoadingMessageHTML = "
Note: Loading grid data.
";
var warningMessageHTML = "
Warning: Loading several layers at once will decrease map performance.
";
//var warningMessageHTML = "
Warning: Loading several layers at once will decrease performance.
";
// The following are used for map and grid related operations, and
// thus have been moved here from InteractiveMapWithGrid.js.
// ids for filters used for Advisories such as Region, Type, Severity
var AdvisoryRegionSelectName = "Advisory_ddlRegion";
var AdvisorySeveritySelectName = "Advisory_ddlSeverity";
// ids for filters used for Camera Groups such as Name, Description, Region
var CameraGroupNameSelectName = "CameraGroup_ddlName";
var CameraGroupDescriptionSelectName = "CameraGroup_ddlDescription";
var CameraGroupRegionSelectName = "CameraGroup_ddlRegion";
// ids for filters used for Camaeras such as Region, Type, Status
var CameraRegionSelectName = "Camera_ddlRegion";
var CameraStatusSelectName = "Camera_ddlStatus";
// indicates whether to recenter bus route on map
var isRecenterBusRouteOnMap = false;
// indicating if we are on the fullscreen map or not
var isFullScreenMap = false;
//
//Variables used by the XML Document when reading the Border Crossing information
var xmlDoc;
var xmlDocDescription = "";
var xmlDocTag_ID = "";
var xmlDocTag_TAG = "";
var fireFoxGridCount = 0;
var fireFoxGridHasLoaded = false;
var divLoading = null;
var divWarning = null;
var divLoadingGrid = null;
/*******************************************************************************/
// Functions
//*******************************************************************************
// Function: Load()
// Author: brian.boyko@cgi.com
// Project: iMove Build - 0.1
// Date: Aug 23 2006
//
// Description: Loads and initializes all of the map data and settings
//
// Parameters: n/a
// Returns:
// Calls: InitGroupLayers(); retrieveCookie(); newCookie(); checkATISBoundaries();
// Called By: Map onLoad() function
//
// Revision History:
//
// Name Date Description
// ------ ------ ------------------------------------------------
// Michael Chu Sep 1, 2006 Add map/grid interaction code in pan and zoom movement events.
//*******************************************************************************
function load(width, height) {
//alert("start loading now");
if (debugPerformance)
PrintElapseTime("start load");
// Debug variable (set to 1 to debug)
var debug = 0;
if (debug)
alert('load map');
// For some reason the following commented code will break in FireFox
/***************************************************************************
// <% Session["loadedOnce"] = false; %> //was true
//
// // check which tab we're on
// t = String( "<% =Request[ "t" ] %>" );
// if( t=="" ) t="Motorists";
***************************************************************************/
//Write the iMove Version to a cookie
AddOrRemovePartialCookieValue(iMoveVersionCookieName, iMoveVersion, true);
// //Write the iMove testing message, and store in cookie
// var testingCookie = Get_Cookie( iMoveTestingCookieName );
// if (testingCookie == null){
//
// //alert("Welcome to iMove! This site is a pre-release Beta, or Lab, version of an Advanced Traveller Information System for the Lower Mainland. Please be aware that the incidents on the site are sometimes fictitious placeholders used to test the system and should not be relied upon or interpreted as accurate. Content is constantly being added to the site as its' development progresses and we always welcome your input and comments. Please use the feedback link at the bottom of each page to share your thoughts. Use this site at your own risk.");
// alert("Welcome to iMove! This site is a pre-release Beta, or Lab, version of an Advanced Traveller Information System for the Lower Mainland. Please be aware that the incidents on the site are sometimes fictitious placeholders used to test the system and should not be relied upon or interpreted as accurate. Content is continually being added to the site as its development progresses and we always welcome your input and comments. Please use the feedback link at the bottom of each page to share your thoughts. Use this site at your own risk TransLink takes no responsibility for the accuracy or completeness of the information presented in this site.");
// AddOrRemovePartialCookieValue(iMoveTestingCookieName , "testing_accepted", true);
//
// } else {
// //we already have the cookie do nothing
// }
//check to see if we are using Safari, and show the alert
if (saf == true){
var safariCookie = Get_Cookie( iMoveSafariBrowserNoticeCookieName );
if (safariCookie == null){
alert("iMove uses Google Maps to display traveller information. Google Maps is not compatible with versions of Safari earlier than 1.2.4, so if you are using an earlier version please update your version of Safari (http://www.apple.com/safari/download/), or use another browser to access this site. Sorry for any inconvenience.");
AddOrRemoveFourteenDayPartialCookieValue(iMoveSafariBrowserNoticeCookieName , "Safari_warning_accepted", true);
} else {
//we already have the cookie do nothing
}
}
//check to see if we are using IE, and show the alert
// if (ie == true){
// var iECookie = Get_Cookie( iMoveIEBrowserNoticeCookieName );
// if (iECookie == null){
// alert("iMove uses Google Maps to display traveller information. There are known performance and stability issues with Internet Explorer and Google Maps. We strongly recommend using another browser such as Firefox (http://www.firefox.com) or Safari (http://www.apple.com/safari/download/) to browse the site until these issues are resolved. Sorry for any inconvenience.");
// AddOrRemoveFourteenDayPartialCookieValue(iMoveIEBrowserNoticeCookieName , "IE_warning_accepted", true);
// } else {
//we already have the cookie do nothing
// }
// }
// Load system parameters from xml files
LoadSystemParams();
// set initial width & height of map
var m = document.getElementById( "map" );
//m.style.width = width;
m.style.width = "100%";
m.style.height = height;
if (debugPerformance)
PrintElapseTime("document.getElementById( map )");
if( GBrowserIsCompatible() ) {
// set the HTML for the
which contains the google map buttons
var cgiGoogleMapIconsHTML = "
";
document.getElementById("divMapButtons").innerHTML= cgiGoogleMapIconsHTML;
//new lines added for scroll wheel zoom
//var mapobj = document.getElementById("map");
//map = new GMap2(mapobj);
// create map and map controls
map = new GMap2( document.getElementById( "map" ) );
map.addControl( new GLargeMapControl() );
map.addControl(new CGIMapTypeControl()); // CGI customized map/satellite/hybrid options
//map.addControl( new GMapTypeControl() ); //the Map/Satellite/Hybrid options
map.addControl( new GScaleControl() );
//map.addControl( new GOverviewMapControl() );
map.enableDoubleClickZoom(); // enable double clicking on map for zoom level and centering
map.enableContinuousZoom();
map.enableScrollWheelZoom();
//new lines added for scroll wheel zoom
//map.enableContinuousZoom();
//new lines added for scroll wheel zoom
//GEvent.addDomListener(mapobj, "DOMMouseScroll", wheelZoom);
//GEvent.addDomListener(mapobj, "mousewheel", wheelZoom);
//map.addControl(new OurTypeControl()); //original customized map/satellite/hybrid options
// Position the loading message div element
var pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(250,150));
pos.apply(document.getElementById("divLoading"));
map.getContainer().appendChild(document.getElementById("divLoading"));
//pos = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(150,0));
//pos.apply(document.getElementById("divWarning"));
//map.getContainer().appendChild(document.getElementById("divWarning"));
// Assign the loading message div element
document.getElementById("divLoading").innerHTML= loadingMessageHTML;
// Assign the warning message div element
//document.getElementById("divWarning").innerHTML= warningMessageHTML;
showLoading();
window.setTimeout(hideLoading,3500);
GEvent.addDomListener(map.getContainer(), "DOMMouseScroll", wheelevent);
map.getContainer().onmousewheel = wheelevent;
if (debugPerformance)
PrintElapseTime("GBrowserIsCompatible");
GEvent.addListener(map, "infowindowopen", function() {
//alert("start info window open");
infoWindowHasBeenOpened = true;
// set original position of map before opening info window
originalInfoCenterPoint=previousCenterPoint;
//alert("end info window open, infowindow opened is:" + infoWindowHasBeenOpened);
}
);
GEvent.addListener(map, "infowindowclose", function() {
// move the user back to their original position before opening the info window
//map.setCenter(originalInfoCenterPoint,previousZoom);
//alert("close info window, switch infowindow flag");
window.setTimeout(function() { map.panTo(originalInfoCenterPoint);}, 25);
infoWindowHasBeenOpened = false;
//alert("done closing info window, infowindow opened is:" + infoWindowHasBeenOpened);
}
);
GEvent.addListener(map, "infowindowbeforeclose", function() {
//alert("info window before close");
}
);
if (debugPerformance)
PrintElapseTime("infowindowclose");
// add a move listener to capture map move start
GEvent.addListener( map, "zoom", function() {
//alert("zoom here");
//markTime( 5 );
//GLog.write(" zoom start" );
}
);
// add a move listener to capture map move end
GEvent.addListener( map, "zoomend", function() {
//alert("zoom end here");
//markTime( 6 );
//GLog.write(" zoom end" );
if (debug)
alert('zoomend');
// Reload results on both map and grids since
// only data within map boundaries and satisfaction of specified
// zoom level are shown.
if (infoWindowHasBeenOpened == true){
//do not call PanZoomHandler() if map is moving becuase of infowindow opening
//alert("moveend - we are NOT going to call pan zoom handler");
} else {
//do call PanZoomHanlder() to refresh the page data
//alert("moveend - we ARE going to call pan zoom handler, b/c map window is not open");
PanAndZoomHandler();
}
//PanAndZoomHandler();
// Check if layers turned on satisfy zoom level,
// is needed to turn off
ZoomLevelChecks();
//document.getElementById("divLoading").innerHTML= loadingMessageHTML;
//alert("done zooming");
//GLog.write(" done 174" );
if (debug)
alert('done zoomend PanAndZoomHandler');
}
);
if (debugPerformance)
PrintElapseTime("zoomend");
// add a move listener to capture map move start
GEvent.addListener( map, "move", function() {
//alert("move here");
//GEvent.addListener( map, "movestart", function() {
//markTime( 3 );
//GLog.write(" move start here" );
// document.getElementById("divLoading").innerHTML= loadingMessageHTML;
}
);
// add a move listener to capture map move end
GEvent.addListener( map, "moveend", function() {
// store map positions
previousCenterPoint = map.getCenter() ;
previousZoom = map.getZoom() ;
// check map boundaries to make sure they are within ATIS boundaries
checkATISBoundaries();
//GLog.write(" move end here" );
//GLog.write(" done 200" );
//markTime( 4 );
if (debug)
alert('moveend');
// Reload results on both map and grids since
// only data within map boundaries and satisfaction of specified
// zoom level are shown.
//alert("moveend - start pan zoom handler, infowindow opened is:" + infoWindowHasBeenOpened);
if (infoWindowHasBeenOpened == true){
//do not call PanZoomHandler() if map is moving becuase of infowindow opening
//alert("moveend - we are NOT going to call pan zoom handler");
} else {
//do call PanZoomHanlder() to refresh the page data
//alert("moveend - we ARE going to call pan zoom handler, b/c map window is not open");
PanAndZoomHandler();
}
//PanAndZoomHandler();
//alert("done moving");
// this will clear out the display message
//GLog.write(" done pan/zoom 212" );
//alert("moveend - done pan zoom handler, infowindow opened is:" + infoWindowHasBeenOpened);
if (debug)
alert('done moveend PanAndZoomHandler');
}
);
if (debugPerformance)
PrintElapseTime("moveend");
// Get the list of map types
var mt = map.getMapTypes();
// restrict the range of zoom levels by overwriting the
// getMinimumResolution() and getMaximumResolution() methods
for( var i=0; i 0 && lDuration < 721 ) {
//alert("hours message");
//do hours calculations
if ( lDuration > 0 && lDuration < 91 ){
lDurationMessage="1 hour";
} else if ( lDuration > 90 && lDuration < 152 ) {
lDurationMessage="2 hours";
} else if ( lDuration > 150 && lDuration < 211 ) {
lDurationMessage="3 hours";
} else if ( lDuration > 210 && lDuration < 271 ) {
lDurationMessage="4 hours";
} else if ( lDuration > 270 && lDuration < 331 ) {
lDurationMessage="5 hours";
} else if ( lDuration > 330 && lDuration < 391 ) {
lDurationMessage="6 hours";
} else if ( lDuration > 390 && lDuration < 451 ) {
lDurationMessage="7 hours";
} else if ( lDuration > 450 && lDuration < 511 ) {
lDurationMessage="8 hours";
} else if ( lDuration > 510 && lDuration < 571 ) {
lDurationMessage="9 hours";
} else if ( lDuration > 570 && lDuration < 631 ) {
lDurationMessage="10 hours";
} else if ( lDuration > 630 && lDuration < 691 ) {
lDurationMessage="11 hours";
} else if ( lDuration > 690 && lDuration < 751 ) {
lDurationMessage="12 hours";
} else if ( lDuration > 750 && lDuration < 811 ) {
lDurationMessage="13 hours";
} else if ( lDuration > 810 && lDuration < 871 ) {
lDurationMessage="14 hours";
} else if ( lDuration > 870 && lDuration < 931 ) {
lDurationMessage="15 hours";
} else if ( lDuration > 930 && lDuration < 991 ) {
lDurationMessage="16 hours";
} else if ( lDuration > 990 && lDuration < 1051 ) {
lDurationMessage="17 hours";
} else if ( lDuration > 1050 && lDuration < 1171 ) {
lDurationMessage="18 hours";
} else if ( lDuration > 1170 && lDuration < 1231 ) {
lDurationMessage="19 hours";
} else if ( lDuration > 1230 && lDuration < 1291 ) {
lDurationMessage="20 hours";
} else if ( lDuration > 1290 && lDuration < 1351 ) {
lDurationMessage="21 hours";
} else if ( lDuration > 1350 && lDuration < 1411 ) {
lDurationMessage="22 hours";
} else if ( lDuration > 1410 && lDuration < 1471 ) {
lDurationMessage="23 hours";
} else if ( lDuration > 1470 && lDuration < 1531 ) {
lDurationMessage="1 days 1 hours";
} else if ( lDuration > 1530 && lDuration < 1591 ) {
lDurationMessage="1 days 2 hours";
} else if ( lDuration > 1590 && lDuration < 1651 ) {
lDurationMessage="1 days 3 hours";
} else if ( lDuration > 1650 && lDuration < 1711 ) {
lDurationMessage="1 days 4 hours";
} else if ( lDuration > 1710 && lDuration < 1771 ) {
lDurationMessage="1 days 5 hours";
} else if ( lDuration > 1770 && lDuration < 1831 ) {
lDurationMessage="1 days 6 hours";
} else if ( lDuration > 1830 && lDuration < 1891 ) {
lDurationMessage="1 days 7 hours";
} else if ( lDuration > 1890 && lDuration < 1951 ) {
lDurationMessage="1 days 8 hours";
} else if ( lDuration > 1950 && lDuration < 2011 ) {
lDurationMessage="1 days 9 hours";
} else if ( lDuration > 2010 && lDuration < 2071 ) {
lDurationMessage="1 days 10 hours";
} else if ( lDuration > 2070 && lDuration < 2131 ) {
lDurationMessage="1 days 11 hours";
} else if ( lDuration > 2130 && lDuration < 2191 ) {
lDurationMessage="1 days 12 hours";
} else if ( lDuration > 2190 && lDuration < 2251 ) {
lDurationMessage="1 days 13 hours";
} else if ( lDuration > 2250 && lDuration < 2311 ) {
lDurationMessage="1 days 14 hours";
} else if ( lDuration > 2310 && lDuration < 2371 ) {
lDurationMessage="1 days 15 hours";
} else if ( lDuration > 2370 && lDuration < 2431 ) {
lDurationMessage="1 days 16 hours";
} else if ( lDuration > 2430 && lDuration < 2491 ) {
lDurationMessage="1 days 17 hours";
} else if ( lDuration > 2490 && lDuration < 2551 ) {
lDurationMessage="1 days 18 hours";
} else if ( lDuration > 2550 && lDuration < 2611 ) {
lDurationMessage="1 days 19 hours";
} else if ( lDuration > 2610 && lDuration < 2671 ) {
lDurationMessage="1 days 20 hours";
} else if ( lDuration > 2670 && lDuration < 2731 ) {
lDurationMessage="1 days 21 hours";
} else if ( lDuration > 2730 && lDuration < 2791 ) {
lDurationMessage="1 days 22 hours";
} else if ( lDuration > 2790 && lDuration < 2851 ) {
lDurationMessage="1 days 23 hours";
} else if ( lDuration > 2850 && lDuration < 2911 ) {
lDurationMessage="2 days 1 hours";
} else if ( lDuration > 2910 && lDuration < 2971 ) {
lDurationMessage="2 days 2 hours";
} else if ( lDuration > 2970 && lDuration < 3031 ) {
lDurationMessage="2 days 3 hours";
} else if ( lDuration > 3030 && lDuration < 3091 ) {
lDurationMessage="2 days 4 hours";
} else if ( lDuration > 3090 && lDuration < 3151 ) {
lDurationMessage="2 days 5 hours";
} else if ( lDuration > 3150 && lDuration < 3211 ) {
lDurationMessage="2 days 6 hours";
} else if ( lDuration > 3210 && lDuration < 3271 ) {
lDurationMessage="2 days 7 hours";
} else if ( lDuration > 3270 && lDuration < 3331 ) {
lDurationMessage="2 days 8 hours";
} else if ( lDuration > 3330 && lDuration < 3391 ) {
lDurationMessage="2 days 9 hours";
} else if ( lDuration > 3390 && lDuration < 3451 ) {
lDurationMessage="2 days 10 hours";
} else if ( lDuration > 3450 && lDuration < 3511 ) {
lDurationMessage="2 days 11 hours";
} else if ( lDuration > 3510 && lDuration < 3571 ) {
lDurationMessage="2 days 12 hours";
} else if ( lDuration > 3570 && lDuration < 3631 ) {
lDurationMessage="2 days 13 hours";
} else if ( lDuration > 3630 && lDuration < 3691 ) {
lDurationMessage="2 days 14 hours";
} else if ( lDuration > 3690 && lDuration < 3751 ) {
lDurationMessage="2 days 15 hours";
} else if ( lDuration > 3750 && lDuration < 3811 ) {
lDurationMessage="2 days 16 hours";
} else if ( lDuration > 3810 && lDuration < 3871 ) {
lDurationMessage="2 days 17 hours";
} else if ( lDuration > 3870 && lDuration < 3931 ) {
lDurationMessage="2 days 18 hours";
} else if ( lDuration > 3930 && lDuration < 3991 ) {
lDurationMessage="2 days 19 hours";
} else if ( lDuration > 3990 && lDuration < 4111 ) {
lDurationMessage="2 days 20 hours";
} else if ( lDuration > 4110 && lDuration < 4171 ) {
lDurationMessage="2 days 21 hours";
} else if ( lDuration > 4170 && lDuration < 4231 ) {
lDurationMessage="2 days 22 hours";
} else if ( lDuration > 4230 && lDuration < 4291 ) {
lDurationMessage="2 days 23 hours";
} else if ( lDuration > 4290 && lDuration < 4351 ) {
lDurationMessage="2 days 24 hours";
}
} else if ( lDuration > 4320 ) {
//do the days calculations .. divide by 1440 minutes in a day
var lDaysCalc = Math.round(lDuration/1440);
lDurationMessage = lDaysCalc + " days";
} else {
lDurationMessage = "undefined";
}
return lDurationMessage;
}
function wheelevent(e)
{
//if(document.getElementById("prevent").checked){
if (!e){
e = window.event
}
if (e.preventDefault){
e.preventDefault()
}
e.returnValue = false;
//}
}
function wheelZoom(a) {
if ((a.detail || -a.wheelDelta) < 0)
//map.zoomIn();
map.zoomIn(null, null, true);
else
//map.zoomOut();
map.zoomOut(null, true);
//map.zoomIn(null, null, true);
//map.zoomOut(null, true);
}
function showLoading(){
document.getElementById("divLoading").innerHTML= loadingMessageHTML;
}
function hideLoading(){
document.getElementById("divLoading").innerHTML= "";
}
function showWarning(){
document.getElementById("divWarning").innerHTML= warningMessageHTML;
}
function hideWarning(){
document.getElementById("divWarning").innerHTML= "";
}
function showLoadingGrid(){
// Debug variable (set to 1 to debug)
var debug = 0;
if (debug)
PrintElapseTime("showLoadingGrid(): start");
document.getElementById("divLoadingGrid").innerHTML= gridLoadingMessageHTML;
}
function hideLoadingGrid(){
// Debug variable (set to 1 to debug)
var debug = 0;
if (debug)
PrintElapseTime("hideLoadingGrid(): end");
document.getElementById("divLoadingGrid").innerHTML= "";
}
//Define our custom "Map/Hybrid/Satellite" options for the map ...
function OurTypeControl() {
}
OurTypeControl.prototype = new GControl();
OurTypeControl.prototype.initialize = function(map) {
var container = document.createElement("div");
var normctrl = document.createElement("div");
this.setButtonStyle_(normctrl);
container.appendChild(normctrl);
normctrl.appendChild(document.createTextNode("Map"));
GEvent.addDomListener(normctrl, "click", function() {
map.setMapType(G_NORMAL_MAP);
});
//add the spacer between the items
var spacer = document.createElement("div");
this.setSpacerStyle_(spacer);
container.appendChild(spacer);
spacer.appendChild(document.createTextNode(" "));
var hybridctrl = document.createElement("div");
this.setButtonStyle_(hybridctrl);
container.appendChild(hybridctrl);
hybridctrl.appendChild(document.createTextNode("Hybrid"));
GEvent.addDomListener(hybridctrl, "click", function() {
map.setMapType(G_HYBRID_MAP);
});
//add the spacer between the items
var spacer2 = document.createElement("div");
this.setSpacerStyle_(spacer2);
container.appendChild(spacer2);
spacer2.appendChild(document.createTextNode(" "));
var satctrl = document.createElement("div");
this.setButtonStyle_(satctrl);
container.appendChild(satctrl);
satctrl.appendChild(document.createTextNode(" Satellite "));
GEvent.addDomListener(satctrl, "click", function() {
map.setMapType(G_SATELLITE_MAP);
});
map.getContainer().appendChild(container);
return container;
}
OurTypeControl.prototype.getDefaultPosition = function() {
return new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(5, 45));
}
OurTypeControl.prototype.setButtonStyle_ = function(button) {
button.style.color = '#000000';
button.style.backgroundColor = '#FFFFFF';
button.style.textAlign = 'center';
button.style.padding = '2px';
button.style.fontSize = '8pt';
button.style.borderColor = '#000000';
button.style.borderWidth = '1px';
button.style.borderStyle = 'solid';
button.style.marginWidth = '1px';
button.style.cursor = 'pointer';
button.style.width = '70px';
}
// This is the empty spacer div between the "Map/Satellite/Hybrid options"
OurTypeControl.prototype.setSpacerStyle_ = function(button) {
button.style.textAlign = 'center';
button.style.padding = '2px';
button.style.fontSize = '10pt';
button.style.borderWidth = '0px';
button.style.borderStyle = 'solid';
button.style.marginWidth = '1px';
button.style.cursor = 'hand';
}
//*** Brians map control
function CGIMapTypeControl() {
}
CGIMapTypeControl.prototype = new GControl();
CGIMapTypeControl.prototype.initialize = function(map) {
var controlsContainer = document.getElementById("divMapButtons");
var mapCtrl1 = document.getElementById("divMapButtonMap");
// this.setButtonStyle_(mapCtrl1);
GEvent.addDomListener(mapCtrl1, "click", function() {
switchGoogleMapIcons( "Map" );
map.setMapType(G_NORMAL_MAP);
});
var mapCtrl2 = document.getElementById("divMapButtonSat");
// this.setButtonStyle_(mapCtrl3);
GEvent.addDomListener(mapCtrl2, "click", function() {
switchGoogleMapIcons( "Satellite" );
map.setMapType(G_SATELLITE_MAP);
});
var mapCtrl3 = document.getElementById("divMapButtonHybrid");
// this.setButtonStyle_(mapCtrl2);
GEvent.addDomListener(mapCtrl3, "click", function() {
switchGoogleMapIcons( "Hybrid" );
map.setMapType(G_HYBRID_MAP);
});
map.getContainer().appendChild(controlsContainer);
return controlsContainer;
}
CGIMapTypeControl.prototype.getDefaultPosition = function() {
return new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(5, 40));
}
CGIMapTypeControl.prototype.setButtonStyle_ = function(button) {
button.style.color = '#000000';
button.style.backgroundColor = '#FFFFFF';
button.style.textAlign = 'center';
button.style.padding = '0px';
button.style.fontSize = '8pt';
button.style.borderColor = '#000000';
button.style.borderWidth = '1px';
button.style.borderStyle = 'solid';
button.style.marginWidth = '1px';
button.style.cursor = 'pointer';
button.style.width = '70px';
button.style.height = '15px';
}
//Switch the google map icons when user clicks between different map views
function switchGoogleMapIcons( aMapMode ){
//update the appropriate cookie
switch( aMapMode )
{
case "Map" : {
document.getElementById("divMapButtonMap").innerHTML = "";
document.getElementById("divMapButtonSat").innerHTML = "";
document.getElementById("divMapButtonHybrid").innerHTML = "";
break;
}
case "Satellite" : {
document.getElementById("divMapButtonMap").innerHTML = "";
document.getElementById("divMapButtonSat").innerHTML = "";
document.getElementById("divMapButtonHybrid").innerHTML = "";
break;
}
case "Hybrid" : {
document.getElementById("divMapButtonMap").innerHTML = "";
document.getElementById("divMapButtonSat").innerHTML = "";
document.getElementById("divMapButtonHybrid").innerHTML = "";
break;
}
default: {
document.getElementById("divMapButtonMap").innerHTML = "";
document.getElementById("divMapButtonSat").innerHTML = "";
document.getElementById("divMapButtonHybrid").innerHTML = "";
break;
}
}
}
//*******************************************************************************
// Function: PrintElapseTime()
// Author: michael.chu@cgi.com
// Project: iMove Build - 0.5
// Date: Oct 13 2006
//
// Description: Prints elapse time. This helps debug performance issues.
// Remarks: Global variable startTime must be initialized.
//
// Parameters:
// Returns:
// Calls:
// Called By:
//
// Revision History:
//
// Name Date Description
// ------ ------ ------------------------------------------------
//
//*******************************************************************************
function PrintElapseTime(s) {
if (s==null)
s = "";
// test performance
var t = new Date().getTime() - startTime.getTime();
GLog.write(t + " " + s);
}
//
//*******************************************************************************
// Function: xmLDoc_loadXML()
// Author: drew.mcfarland@cgi.com
// Project: iMove Build - 0.1
// Date: Mar 02 2007
//
// Description: Opens the XMl document and calls the xml_GetData() function to get the Border Crossing information
//
// Parameters: None
// Returns: None.
// Calls:
// Called By: createListener() When handling the extra data for the Border Crossing icon.
//
// Revision History:
//
// Name Date Description
// ------ ------ ------------------------------------------------
//
//*******************************************************************************
function xmlDoc_loadXML()
{
//load xml file
// code for IE
if (window.ActiveXObject)
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.load("http://www.i-move.ca/XML/highWaySigns.xml");
xmlDoc_getData();
}
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation && document.implementation.createDocument)
{
xmlDoc=document.implementation.createDocument("","",null);
xmlDoc.async=false;
xmlDoc.onload=xmlDoc_getData;
xmlDoc.load("http://www.i-move.ca/XML/highWaySigns.xml");
}
else
{
alert('Your browser cannot handle this script');
};
}
//*******************************************************************************
// Function: xmLDoc_getText(oNode)
// Author: drew.mcfarland@cgi.com
// Project: iMove Build - 0.1
// Date: Mar 02 2007
//
// Description: Traverses all the child nodes of the tag in order to make sure it gets all the information in the tag.
//
// Parameters: None
// Returns: sText - The data in the tag.
// Calls:
// Called By: xmlDoc_getData()
//
// Revision History:
//
// Name Date Description
// ------ ------ ------------------------------------------------
//
//*******************************************************************************
function xmlDoc_getText(oNode) {
var sText = "";
for (var i=0; i tag of the XML Document (For the Border Crossing)
//
// Parameters: None
// Returns: None. (* Sets the xmlDocDescription variable with the data from the tag.
// Calls:
// Called By: xmlDoc_loadXML() When handling the extra data for the Border Crossing icon.
//
// Revision History:
//
// Name Date Description
// ------ ------ ------------------------------------------------
//
//*******************************************************************************
function xmlDoc_getData()
{
var Signs, sign, element, thisone;
Signs = xmlDoc.getElementsByTagName("Signs");
for (iSigns=0; iSigns AmaxX) {X = AmaxX;}
if (Y < AminY) {Y = AminY;}
if (Y > AmaxY) {Y = AmaxY;}
map.setCenter(new GLatLng(Y,X));
}
//======================================================================//
//=== TextualMapMenuControl information removed from here ===//
//======================================================================//
//======================================================================//
//=== GMarker customizations ===//
//======================================================================//
GMarker.prototype.id = false;
GMarker.prototype.group = false;
//======================================================================//
//=== GPolyline customizations ===//
//======================================================================//
GPolyline.prototype.id = false;
GPolyline.prototype.group = false;
//======================================================================//
//=== GMap customizations ===//
//======================================================================//
//=== Extend the addOverlays function ===//
//======================================================================//
GMap2.prototype.addGroupOverlays=function( overlayType, groupOverlays, groupId, optParameter1 ) {
// Debug variable (set to 1 to debug)
var debug = 0;
// This creates, in the map.overlays array, an entry for the id of the overlay,
// and the group of the overlay if it does not exist. It adds a reference to the original overlay
// in both locations so it is available in each of the following ways
overlayCount = overlayCount+1;
//alert("overlayCount 1 is: " + overlayCount);
if (debug)
{
alert("add " + groupOverlays.length + " Overlays for group: " + groupId + "\r\n");
}
for( i=0; i10){
// showWarning();
}else{
//hideWarning();
}
};
//======================================================================//
//=== Extend the removeOverlays function ===//
//======================================================================//
GMap2.prototype.removeGroupOverlays=function( overlayType, groupId, optParameter1 ) {
overlayCount = overlayCount - 1;
// Debug variable (set to 1 to debug)
var debug = 0;
if (debug)
alert("Remove existing overlays on the map for group: " + groupId);
// if there are existing overlays for the data
// the map also needs to be updated based on those data
var checkboxName = GetMapLayerCheckBoxName( groupId, optParameter1 );
tgChk = document.getElementById( checkboxName );
// Currently, there is only one scenario where layers can be turned off
// without associated checkboxes. That happens when the bus routes layers
// needs to be turned off when user click on Reset button on the grid.
if (tgChk == null && optParameter1 != null)
{
toggleGroup( groupId, false );
}
else if (tgChk.checked)
{
// All other scenarios should fall into here as associated checkbox
// on the menu should not be null.
toggleGroup( groupId, false );
}
// This removes, in the map.overlays array, an entry for the id of the overlay,
// and the group of the overlay.
if (debug)
{
alert("removeGroupOverlays: " + groupId);
alert("remove overlays["+groupId+"].length: "+overlays[groupId].length);
}
// Get reference to the current group of overlays
var groupOverlays = overlays[groupId];
for( i=groupOverlays.length - 1; i>=0; i-- ) {
if (debug)
alert("Overlay id: " + overlayI.id + " should be removed.");
// need to remove the overlaysgroup the overlays for toggling
// has this overlay been marked for a group
if( groupOverlays[i].group ) {
// Finally remove the overlays from the group's array
// by setting that group
if (debug)
{
alert('Remove array value index at:' + i);
alert('remove the array value for group: '+groupOverlays[i].group);
alert('overlays['+groupOverlays[i].group+'].length: ' +overlays[groupOverlays[i].group].length);
alert('groupOverlays['+i+'].id: '+groupOverlays[i].id);
}
// Remove associative array element based on overlay id
delete overlays[groupOverlays[i].group][groupOverlays[i].id];
// Remove array element based on index
overlays[groupOverlays[i].group].splice( i, 1 );
}
}
// Remove the group in the array
delete overlays[groupId];
// remove the group in the groups array
if( overlays['groups'] ) {
if (debug)
alert("remove the groupId" + groupId + " from the array overlays['groups'].");
for( j=0; j10){
//showWarning();
}else{
// hideWarning();
}
};
//*******************************************************************************
// Function: filterMapBoundariesAndZoomLevel()
// Author: michael.chu@cgi.com
// Project: iMove Build - 0.2
// Date: Sep 05 2006
//
// Description: Returns the query string for filtering
// based on map boundaries and zoom level.
//
// Parameters:
// Returns: Returns the query string for filtering
// based on map boundaries and zoom level.
// Calls:
// Called By: filterXXX() - where XXX can be one of the types of data
// such as advisories, cameras, etc.
//
// Revision History:
//
// Name Date Description
// ------ ------ ------------------------------------------------
//
//*******************************************************************************
function filterMapBoundariesAndZoomLevel() {
// Debug variable (set to 1 to debug)
var debug = 0;
if (debug)
alert('filterMapBoundariesAndZoomLevel');
// Update the map and grid results
// Retrieve the map coordinates and store them in cookies
// find map coordinates
var bounds = map.getBounds();
var x1y1 = bounds.getSouthWest();
var x2y2 = bounds.getNorthEast();
var x1 = x1y1.lng();
var y1 = x1y1.lat();
var x2 = x2y2.lng();
var y2 = x2y2.lat();
if (debug)
alert('x1:' + x1 + ',' + 'y1:' + y1 + ' ' +'x2:' + x2 + ',' + 'y2:' + y2);
//find zoom level
var zoom = map.getZoom();
if (debug)
alert('zoomlevel:' + zoom);
// The following has been commented out because it is no longer needed to store
// the map coordinates and zoom level into cookies to communicate with server side.
// // Store into cookies
// Set_Cookie(x1CookieName, x1);
// Set_Cookie(y1CookieName, y1);
// Set_Cookie(x2CookieName, x2);
// Set_Cookie(y2CookieName, y2);
// Set_Cookie(PanOrZoomPostbackCookieName, true);
// Set_Cookie(ZoomLevelCookieName, zoom);
// Build individual query string for map coordinates
x1QS = "";
if (x1 != null)
x1QS = "x1=" + x1;
if (debug)
alert('x1QS: ' + x1QS);
y1QS = "";
if (y1 != null)
y1QS = "y1=" + y1;
x2QS = "";
if (x2 != null)
x2QS = "x2=" + x2;
y2QS = "";
if (y2 != null)
y2QS = "y2=" + y2;
zoomQS = "";
if (zoom != null && zoom >= 0)
zoomQS = "zoom=" + zoom;
// Build query string
queryString = "";
if (x1QS != "")
{
if (queryString != "")
queryString += "&" + x1QS;
else
queryString = x1QS;
}
if (y1QS != "")
{
if (queryString != "")
queryString += "&" + y1QS;
else
queryString = y1QS;
}
if (x2QS != "")
{
if (queryString != "")
queryString += "&" + x2QS;
else
queryString = x2QS;
}
if (y2QS != "")
{
if (queryString != "")
queryString += "&" + y2QS;
else
queryString = y2QS;
}
if (zoomQS != "")
{
if (queryString != "")
queryString += "&" + zoomQS;
else
queryString = zoomQS;
}
if (debug)
alert('queryString: ' + queryString);
return queryString;
}
//*******************************************************************************
// Function: ResetHandler
// Author: michael.chu@cgi.com
// Project: iMove Build - 0.3
// Date: Sep 11, 2006
//
// Description: Reload the map with advisories and cameras based on default criteria.
// If map consists of advisories and cameras data, it will remove data
// and overlays, and re-add the data and overlays based
// default filtered criteria.
//
// Parameters:
// Returns:
// Calls: LoadMapData(), LoadGridData()
// Called By: Reset button on the map or reset button on the filter By search bar
//
// Revision History:
//
// Name Date Description
// ------ ------ ------------------------------------------------
//
//*******************************************************************************
function ResetHandler() {
// The following methods need to be executed first before calling the
// SetDefaultMapCenterAndZoomLevel() function to pan/zoom map
// because the filter criteria will be used each time
ResetHTMLSelectOptions();
ResetHTMLCheckboxes();
ClearGridRelatedCookiesForTab();
InitializeFilterBarCriteria();
SetDefaultMapCenterAndZoomLevel();
// manually call load grid data for special cases
LoadGridDataWhenNotPanAndZoom();
}
//*******************************************************************************
// Function: ToggleLegend
// Author: brian.boyko@cgi.com
// Project: iMove Build - 0.1
// Date: Aug 23 2006
//
// Description: This functions toggle the legend off and on when clicked
//
// Parameters: Div tag name
// Returns: n/a
// Calls: n/a
// Called By: Click of Legend button on map
//
// Revision History:
//
// Name Date Description
// ------ ------ ------------------------------------------------
//
//*******************************************************************************
function ToggleLegend( divName ){
// Toggle the div off or on
if( document.getElementById(divName).style.display == 'none')
{
document.getElementById(divName).style.display='inline';
} else {
document.getElementById(divName).style.display='none';
}
divName=null;
}
//*******************************************************************************
// Function: ToggleDivs
// Author: brian.boyko@cgi.com
// Project: iMove Build - 0.1
// Date: Aug 23 2006
//
// Description: Description of function
//
// Parameters: Div tag name to be toggled
// Returns:
// Calls: HideAllLayersDivs()
// Called By: Click of toolbar images
//
// Revision History:
//
// Name Date Description
// ------ ------ ------------------------------------------------
//
//*******************************************************************************
function ToggleDivs( divName ){
//show the div tag if not already displayed
if( document.getElementById(divName).style.display == 'none')
{
//show the appropriate div tag that was clicked
document.getElementById(divName).style.display='inline';
} else {
document.getElementById(divName).style.display='none';
}
//reset divName
divName=null;
}
//*******************************************************************************
// Function: ToggleToolBarDiv
// Author: brian.boyko@cgi.com
// Project: iMove Build - 0.1
// Date: Aug 23 2006
//
// Description: Function shows/hides the toolbar when clicked
//
// Parameters:
// Returns:
// Calls:
// Called By: On click of the toolbar button in the interactive map control
//
// Revision History:
//
// Name Date Description
// ------ ------ ------------------------------------------------
//
//*******************************************************************************
function ToggleToolBarDiv(){
//show the toolbar icons if they are not currently displayed
if( document.getElementById("divIcons").style.display == 'none')
{
document.getElementById("divIcons").style.display='inline';
}
else
{
//hide all sub divs when we are closing the toolbar
document.getElementById("divIcons").style.display='none';
}
}
//*******************************************************************************
// Function: createListener()
// Author: brian.boyko@cgi.com
// Project: iMove Build - 0.1
// Date: Aug 23 2006
//
// Description: Create listener and handler for the marker when it is clicked
//
// Parameters: Marker that was clicked
// Returns: Information displayed in the info box for the marker
// Calls:
// Called By: When google maps marker is clicked
//
// Revision History:
//
// Name Date Description
// ------ ------ ------------------------------------------------
//
//*******************************************************************************
function createListener( marker, optParameter1 ) {
//GEvent.addListener( marker, "mouseover", function() {
GEvent.addListener( marker, "click", function() {
var publicTransitMarkersLayerName;
var blueBusTransitMarkersLayerName;
//build the Transit marker layer name dynamically, if optional parameter is passed
if (optParameter1 != null ){
publicTransitMarkersLayerName = "layer_TRA_Public_Marker_" + optParameter1;
blueBusTransitMarkersLayerName = "layer_TRA_BlueBus_Marker_" + optParameter1;
}
switch( String( marker.group ) ) {
// dynamic layer names for the bus routes
//bus_test
case "layer_Test_Route73Markers":
case "layer_Test_Route218Markers":
case "layer_Test_PerfTestMarkers":
case "layer_Test_Route9Markers":
case publicTransitMarkersLayerName:
case blueBusTransitMarkersLayerName:
case "layer_BusRouteTest_Marker": {
//createTabbedMarker( marker, ["
" );
break;
}
// Events Layer
case "layer_CurInc":
case "layer_CurCon":
case "layer_CurEv":
case "layer_EV_FutCon":
case "layer_EV_FutEv":
case "layer_EV_FutSrvc":
case "layer_EventsReal": {
// default path to the image folder
var rootImagePath="/ATIS/App_Themes/ATIS/images/";
// variable to store the path to the icon image
var iconImage;
//alert("yap event1");
switch( String( marker.group ) ) {
//Set the icon image's name for each type
case "layer_CurInc" : { iconImage=rootImagePath+"atis-i-curincidents.gif"; break; }
case "layer_CurCon" : { iconImage=rootImagePath+"atis-i-curconstruction.gif"; break; }
case "layer_CurEv" : { iconImage=rootImagePath+"atis-i-curevents.gif"; break; }
case "layer_EV_FutCon" : { iconImage=rootImagePath+"atis-i-futconstruction.gif"; break; }
case "layer_EV_FutEv" : { iconImage=rootImagePath+"atis-i-futevents.gif"; break; }
case "layer_EV_FutSrvc" : { iconImage=rootImagePath+"atis-i-futserdisrupt.gif"; break; }
default: break;
}
//alert("yap event2");
//createTabbedMarker( marker, ["
");
break;
}
// Cameras Layer
case "layer_CAM_Border":
case "layer_CAM_TrafficInt":
case "layer_CAM_TrafficHigh":
case "layer_CAM_Port":
case "layer_CamerasReal": {
// Encode the string passed as query string
DescriptionEncoded = URLEncode(marker.shortDescr);
//alert(marker.ImageUrl);
//check to see if the ImageUrl has MOT "getFile.aspx", and then append timestamp at the back with "&" symbol
var lImageTestTemp = marker.ImageUrl;
var lImageTest=0;
var lImageNewURL;
var lImageNewSrcURL;
//check to see if image is from the new MOT data
lImageTest = lImageTestTemp.indexOf('getFile.aspx');
if (lImageTest != -1){
//alert("yes: " + lImageTestTemp);
ImageURLEncoded = URLEncode(marker.ImageUrl);
//create the new image on click URL
lImageNewURL = ImageURLEncoded + getTimeStampAndQueryString();
//create the new image source URL
lImageNewSrcURL = marker.ImageUrl + getTimeStampAndQueryString();
} else {
//alert("no: " + lImageTestTemp);
ImageURLEncoded = URLEncode(marker.ImageUrl);
//create the new image on click URL
lImageNewURL = ImageURLEncoded + getTimeStampQueryString();
//create the new image source URL
lImageNewSrcURL = marker.ImageUrl + getTimeStampQueryString();
}
//alert(lImageNewURL);
marker.openInfoWindowHtml("
" );
//old camera picture lines
//"" +
//"" +
break;
}
//this is the generic service listener for info boxes
//case "layer_Border" : *** Note: commented out for Drew's new method below ****
case "layer_USBorder" :
case "layer_RAIL_Railroads" :
case "layer_ViaRail" :
case "layer_RAIL_RockyMtn" :
case "layer_Amtrak" :
case "layer_RAIL_RailAccess" :
case "layer_IntAir" :
case "layer_RegAir" :
case "layer_AIR_HrbrAir" :
case "layer_AIR_WestCoastAir" :
case "layer_AIR_Helijet" :
case "layer_MA_Ports" :
case "layer_MA_CruiseLines" :
case "layer_MA_CustomEntry" :
case "layer_MA_FalseCreek" :
case "layer_MA_MarineAccess" :
case "layer_Albion":
case "layer_BCFerries" :
case "layer_TRA_Boundaries_Marker":
case "layer_TRA_SeaBus_Marker":
case "layer_TRA_Greyhound" : {
//createTabbedMarker( marker, ["
");
break;
}
//*** Note: Drew's new Border method to grab xml data from the Highways sign****
//TODO: Brian new US border layer below
//case "layer_USBorder" :
case "layer_Border" : {
//Initialize the Variables
var description = "";
xmlDocDescription = "";
xmlDocTag_ID = "";
xmlDocTag_TAG = "";
//If the tag is in the Marker's Description, then add the XML data
if (marker.description.indexOf("
Peace Arch Border Crossing
var xmlDocTag;
var xmlDocTag_ATTR;
var xmlDocTag_ATTR2;
//Reduce the xmlDocTag down to
//
xmlDocTag = marker.description.substring(0,marker.description.indexOf(""));
//Get the 2 ATTRIBUTES of the tag and place them in the correct variables
xmlDocTag_ATTR = xmlDocTag;
//Replace all the Double-Quotes with Single-Quotes (Makes further code easier)
while (xmlDocTag_ATTR.indexOf('"') != -1) {
xmlDocTag_ATTR = xmlDocTag_ATTR.replace('"',"'");
}
//Determine which ATTRIBUTE is first
xmlDocTag_ATTR2 = xmlDocTag_ATTR.substring(xmlDocTag_ATTR.indexOf("=")-3,xmlDocTag_ATTR.indexOf("="));
xmlDocTag_ATTR2 = xmlDocTag_ATTR2.toUpperCase();
if (xmlDocTag_ATTR2==' ID') {
xmlDocTag_ATTR = xmlDocTag_ATTR.substring(xmlDocTag_ATTR.indexOf("='")+2,xmlDocTag_ATTR.length);
xmlDocTag_ID = xmlDocTag_ATTR.substring(0,xmlDocTag_ATTR.indexOf("'"));
} else {
xmlDocTag_ATTR = xmlDocTag_ATTR.substring(xmlDocTag_ATTR.indexOf("='")+2,xmlDocTag_ATTR.length);
xmlDocTag_TAG = xmlDocTag_ATTR.substring(0,xmlDocTag_ATTR.indexOf("'"));
}
//Advance the xmlDocTag_ATTR variable forward one position
xmlDocTag_ATTR = xmlDocTag_ATTR.substring(xmlDocTag_ATTR.indexOf("=")+1,xmlDocTag_ATTR.length);
//Determine which ATTRIBUTE is second
xmlDocTag_ATTR2 = xmlDocTag_ATTR.substring(xmlDocTag_ATTR.indexOf("=")-3,xmlDocTag_ATTR.indexOf("="));
xmlDocTag_ATTR2 = xmlDocTag_ATTR2.toUpperCase();
if (xmlDocTag_ATTR2==' ID') {
xmlDocTag_ATTR = xmlDocTag_ATTR.substring(xmlDocTag_ATTR.indexOf("='")+2,xmlDocTag_ATTR.length);
xmlDocTag_ID = xmlDocTag_ATTR.substring(0,xmlDocTag_ATTR.indexOf("'"));
} else {
xmlDocTag_ATTR = xmlDocTag_ATTR.substring(xmlDocTag_ATTR.indexOf("='")+2,xmlDocTag_ATTR.length);
xmlDocTag_TAG = xmlDocTag_ATTR.substring(0,xmlDocTag_ATTR.indexOf("'"));
}
//As long as we have an ID to get data for, then get the data, otherwise we are on a Border Crossing icon which does not require extra data.
if (xmlDocTag_ID != "" && xmlDocTag_TAG != "") {
xmlDoc_loadXML();
}
//Create the Description for the Border Crossing popup in the GoogleMap.
// We make sure that any extra data (from the XML file) is displayed first.
description += xmlDocDescription;
}
description += marker.description;
//Create the popup in the Google Map.
marker.openInfoWindowHtml("
" );
}
}
}
);
}
//*******************************************************************************
// Function: createTabbedMarker
// Author: brian.boyko@cgi.com
// Project: iMove Build - 0.1
// Date: Aug 23 2006
//
// Description: Create a tabbed marker and set up the event window.
// This version accepts a variable number of tabs, passed in the
// arrays htmls[] and labels[].
//
// Parameters: marker, htmls[], labels[]
// Returns: tabbed marker
// Calls:
// Called By: CreateListener
//
// Revision History:
//
// Name Date Description
// ------ ------ ------------------------------------------------
//
//*******************************************************************************
function createTabbedMarker( marker, htmls, labels ) {
// adjust the width so that the info window is large enough for this many tabs
if( htmls.length > 2 ) htmls[0] = '
' + htmls[0] + '
';
//if( htmls.length > 2 ) htmls[0] = '
' + htmls[0] + '
';
var tabs = [];
for( var i=0; i 2)
alert("countThreadAJAX: " + countThreadAJAX);
}
// append timestamp so data returned are fresh
datafile = timeStampUrl(datafile);
// download markers data from xml
GDownloadUrl( datafile, function( data, responseCode ) {
if (debugPerformance)
PrintElapseTime("generateGroupMarkers(): start parsing datafile for markers: " + datafile);
if (debugThreadAJAX)
{
countThreadAJAX--;
}
//document.getElementById("divLoading").innerHTML= loadingMessageHTML;
//alert("download url started");
if (debug)
alert('GDownloadUrl passed: ' + datafile);
// Remove existing layer
RemoveLayerIfLayerExists(groupId, optParameter1);
var xml = GXml.parse( data );
var xmlMarkers = [];
var markers = [];
var points = [];
//new array for marker mouseover tooltips
var tooltips = [];
// XML file related variables
var childElementName = ""; // the first child element of the root
var childNodeLatLong = -1; // the index of the node that contains the latitude and longitude
var toggleBasedOnZoomLevel = false;
switch( groupId ) {
// Events Layer
case "layer_MilLine_Marker":
case "layer_ExpoLine_Marker": {
childElementName = "stop";
childNodeLatLongName = "point";
break;
}
//bus_test
case "layer_Test_Route73Markers":
case "layer_Test_Route218Markers":
case "layer_Test_PerfTestMarkers":
case "layer_Test_Route9Markers":
case "layer_BusRouteTest_Marker": {
childElementName = "stop";
childNodeLatLongName = "point";
break;
}
//this is the dynamic transit markers layer
case transitMarkersLayerName: {
childElementName = "stop";
childNodeLatLongName = "point";
// SPECIAL CASE: toggle off bus route markers
// if under specified zoom level
toggleBasedOnZoomLevel = true;
break;
}
// Events Layer
case "layer_CurInc":
case "layer_CurCon":
case "layer_CurEv":
case "layer_EV_FutCon":
case "layer_EV_FutEv":
case "layer_EV_FutSrvc":
case "layer_EventsReal": {
//alert("yap turning events on ");
childElementName = "event";
childNodeLatLongName = "primaryPoint";
break;
}
// Cameras Layer
case "layer_CAM_Border":
case "layer_CAM_TrafficInt":
case "layer_CAM_TrafficHigh":
case "layer_CAM_Port":
case "layer_CamerasReal": {
childElementName = "camera";
childNodeLatLongName = "point";
break;
}
// Commercial Layer
case "layer_COM_Restrictions" : {
childElementName = "restriction";
childNodeLatLongName = "point";
break;
}
case "layer_COM_Weigh" : {
childElementName = "weighStation";
childNodeLatLongName = "point";
break;
}
//Brian: new US border layer
case "layer_USBorder" :
case "layer_Border" :
case "layer_BCFerries" :
case "layer_IntAir" :
case "layer_RegAir" : {
childElementName = "service";
childNodeLatLongName = "point";
break;
}
//Weather layers
case "layer_Weather" : {
childElementName = "SITE";
childNodeLatLongName = "point";
break;
}
// Road Layers
case "layer_ROD_HwaySigns" : {
childElementName = "sign";
childNodeLatLongName = "point";
break;
}
case "chk_ROD_Cong" : {
childElementName = "detector";
childNodeLatLongName = "point";
break;
}
case "layer_Parking" : {
childElementName = "park";
childNodeLatLongName = "point";
break;
}
case "layer_ROD_NonKeyLandmarks" :
case "layer_ROD_Landmarks" : {
childElementName = "landMark";
childNodeLatLongName = "point";
break;
}
case "layer_ROD_FacStatus" : {
childElementName = "center";
childNodeLatLongName = "point";
break;
}
//Transit layers
case "layer_TRA_Exch" : {
childElementName = "exchange";
childNodeLatLongName = "point";
break;
}
case "layer_TRA_Greyhound" : {
childElementName = "service";
childNodeLatLongName = "point";
break;
}
case "layer_TRA_SeaBus_Marker" : {
childElementName = "stop";
childNodeLatLongName = "point";
break;
}
case "layer_TRA_Boundaries_Marker" : {
childElementName = "boundary";
childNodeLatLongName = "point";
break;
}
case "layer_WstCstExpr_Marker" : {
childElementName = "stop";
childNodeLatLongName = "point";
break;
}
// Marine Layers
case "layer_Albion":
case "layer_MA_CustomEntry" :
case "layer_MA_FalseCreek" :
case "layer_MA_MarineAccess" :
case "layer_MA_CruiseLines" :
case "layer_MA_Ports" : {
childElementName = "service";
childNodeLatLongName = "point";
break;
}
// Air Layers
// case "chk_AIR_IntAir" :
case "chk_AIR_RegAir" :
case "layer_AIR_HrbrAir" :
case "layer_AIR_WestCoastAir" :
case "layer_AIR_Helijet" : {
childElementName = "service";
childNodeLatLongName = "point";
break;
}
// Rail Layers
case "layer_RAIL_Railroads" :
case "layer_ViaRail" :
case "layer_RAIL_RockyMtn" :
case "layer_Amtrak" :
case "layer_RAIL_RailAccess" : {
childElementName = "service";
childNodeLatLongName = "point";
break;
}
// Cycling Layer
// All polylines - no work here
default: break;
}
//alert("childElementName is: " + childElementName);
// Parse the markers from the file and store into array
xmlMarkers = xml.documentElement.getElementsByTagName(childElementName);
//alert("in markers section 2 now");
//alert('xmlMarkers.length: ' + xmlMarkers.length);
if (debug)
alert('xmlMarkers.length: ' + xmlMarkers.length);
//document.getElementById("divLoading").innerHTML= loadingMessageHTML;
if (xmlMarkers.length>10){
window.setTimeout(hideLoading, 1000);
} else {
hideLoading();
}
//alert("gen markers 2 start now");
// Create point object based on longitude and latitude and store into array of points
for( var i=0; i 11){
//set hours for PM
lFromMeridiemDropDown="p";
}else{
//set hours for AM
lFromMeridiemDropDown="a";
}
// Build the URL string to look like this:
// &FromHourDropDown=400&FromMinuteDropDown=35&FromMeridiemDropDown=p&StopAbbr=54332
// concatenate the stopId at the end of the nextBusURL
nextBusURLString += "&FromHourDropDown="+lFromHourDropDown+"00&FromMinuteDropDown="+lFromMinuteDropDown+"&FromMeridiemDropDown="+lFromMeridiemDropDown+"&StopAbbr="+lStopAbbr;
//set the NextBusURL based on the dynamic URL
points[i].nextBusURL = nextBusURLString;
var planTripToURLString;
var planTripFromURLString;
// add the stop ID to the end of the URL
planTripToURLString = getSystemParameter("PlanTripToURL") + lStopAbbr;
planTripToURLString = planTripToURLString.replace(/%26/g,"&");
points[i].planTripToURL = planTripToURLString;
// add the stop ID to the end of the URL
planTripFromURLString = getSystemParameter("PlanTripFromURL") + lStopAbbr;
planTripFromURLString = planTripFromURLString.replace(/%26/g,"&");
points[i].planTripFromURL = planTripFromURLString;
//timeTableURLString = new String( getNodeValue(xmlMarkers[i], "timeTableURL") );
timeTableURLString = getSystemParameter("TimeTableURL");
timeTableURLString = timeTableURLString.replace(/%26/g,"&");
var stopRoutesBigString="";
var stopRouteString="";
// parse the tag for each Stop, and create a table row for each
var stopRoutesNodes = xmlMarkers[i].getElementsByTagName("stopRoutes");
for( var j=0; j - " + stopRouteName + "";
stopRoutesBigString = stopRoutesBigString + stopRouteString;
stopRouteString = "";
timeTableURLBigString = "";
}
}
//set the Stop routes string for the info box
points[i].stopRoutesString = stopRoutesBigString;
break;
}
//Transit layers
case "layer_TRA_Exch" : {
//exchange name
points[i].exchangeName = new String( getNodeValue(xmlMarkers[i], "name") );
tooltips[i] = "Transit Exchange: " + points[i].exchangeName + " \n... Click for more";
var stopRouteBigString="";
var stopRouteString="";
var stopNames;
var transitExchangeURL;
var transitExchangeURLBigString;
transitExchangeURL = getSystemParameter("TimeTableURL");
transitExchangeURL = transitExchangeURL.replace(/%26/g,"&");
var routeNodes = [];
var routeChildNodes = [];
// parse the tag for each Stop, and create a table row for each
var stopNodes = xmlMarkers[i].getElementsByTagName("stop");
// add the exchange name as the top row of the table
stopRouteBigString = "
";
for( var j=0; j";
// add the STOP name to the top row of the table
stopRouteBigString += stopRouteString;
// parse the tag for each Stop, and create a table row for each
routeNodes = stopNodes[j].getElementsByTagName("routes");
// Get all childNodes that are of element node type
routeChildNodes = getElementChildNodes( routeNodes[0] );
//loop through each StopRoute child nodes
for( var h=0; h"+ stopRouteDirection + " - " + stopRouteName + "";
// add the routes list to the table
stopRouteBigString += stopRouteString;
}
// add a spacer row between each Stop
stopRouteString = "
";
var gridLoadingMessageHTML = "
";
document.getElementById("divMapButtonSat").innerHTML = "
";
document.getElementById("divMapButtonHybrid").innerHTML = "
";
break;
}
default: {
document.getElementById("divMapButtonMap").innerHTML = "![](/atis/app_themes/atis/images/weather_icons/"+marker.short1icon+".gif){kind=icon}
![](/atis/app_themes/atis/images/weather_icons/"+marker.short2icon+".gif){kind=icon}
![](/atis/app_themes/atis/images/weather_icons/"+marker.short3icon+".gif){kind=icon}
![](/atis/app_themes/atis/images/weather_icons/"+marker.short4icon+".gif){kind=icon}