/*
 * Copyright (c) 2011 Metropolitan Transportation Authority
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

var OBA = window.OBA || {};

// do not add constructor params here!
OBA.Popups = (function() {	

	var infoWindow = null;

	var refreshPopupRequest = null;
	
	var stopBubbleListener = null, stopBubbleTrigger = null;
	
	function closeInfoWindow() {
		if(infoWindow !== null) {
			infoWindow.close();
		}
		infoWindow = null;
	}
	
	// PUBLIC METHODS
	function showPopupWithContent(map, marker, content) {
		closeInfoWindow();
		
		infoWindow = new google.maps.InfoWindow({
		    	pixelOffset: new google.maps.Size(0, (marker.getIcon().size.height / 2)),
		    	disableAutoPan: false
		});
		
		google.maps.event.addListener(infoWindow, "closeclick", closeInfoWindow);

		infoWindow.setContent(content);
		infoWindow.open(map, marker);
	}
	
	function showPopupWithContentFromRequest(map, marker, url, params, contentFn, routeFilter) {
		closeInfoWindow();
		
		infoWindow = new google.maps.InfoWindow({
	    	pixelOffset: new google.maps.Size(0, (marker.getIcon().size.height / 2)),
	    	disableAutoPan: false,
	    	stopId: marker.stopId // to lock an icon on the map when a popup is open for it
		});

		google.maps.event.addListener(infoWindow, "closeclick", closeInfoWindow);

		var popupContainerId = "container" + Math.floor(Math.random() * 1000000);
		var refreshFn = function(openBubble) {
			// pass a new "now" time for debugging if we're given one
			if(OBA.Config.time !== null) {
				params.time = OBA.Config.time;
			}
			
			if( typeof refreshPopupRequest !== 'undefined' && refreshPopupRequest !== null) {
				if ('abort' in refreshPopupRequest) {
					refreshPopupRequest.abort();
				}
				openBubble = true;
			}
			refreshPopupRequest = jQuery.getJSON(url, params, function(json) {
				if(infoWindow === null) {
					return;
				}
				
				var preload_content = jQuery("#" + popupContainerId);
				var scroll = preload_content.scrollTop();

				infoWindow.setContent(contentFn(json, popupContainerId, marker, routeFilter));
				
				if(openBubble === true) {
					infoWindow.open(map, marker);
				}
				
				// hack to prevent scrollbars in the IEs
				var sizeChanged = false;
				var content = jQuery("#" + popupContainerId);
				if(content.height() > 300) {
					content.css("overflow-y", "scroll")
							.css("height", "280");
					sizeChanged = true;
				}
				if(content.width() > 500) {
					content.css("overflow-x", "hidden")
							.css("width", "480");
					sizeChanged = true;
				}
				if(sizeChanged) {
					infoWindow.setContent(content.get(0));
					infoWindow.open(map, marker);
				}
				content.scrollTop(scroll);
			});
		};
		refreshFn(true);		
		infoWindow.refreshFn = refreshFn;	

		var updateTimestamp = function() {
			var timestampContainer = jQuery("#" + popupContainerId).find(".updated");
			
			if(timestampContainer.length === 0) {
				return;
			}
			
			var age = parseInt(timestampContainer.attr("age"), 10);
			var referenceEpoch = parseInt(timestampContainer.attr("referenceEpoch"), 10);
			var newAge = age + ((new Date().getTime() - referenceEpoch) / 1000);
			timestampContainer.text("Data updated " + OBA.Util.displayTime(newAge));
		};
		updateTimestamp();		
		infoWindow.updateTimestamp = updateTimestamp;
	}
	
	// CONTENT GENERATION
	// this method is no longer used....
	function getServiceAlerts(r, situationRefs) {
	    var html = '';

	    var situationIds = {};
        var situationRefsCount = 0; 
        if (situationRefs != null) {
            jQuery.each(situationRefs, function(_, situation) {
                situationIds[situation.SituationSimpleRef] = true;
                situationRefsCount += 1;
            });
        }
        
        if (situationRefs == null || situationRefsCount > 0) {
            if (r.Siri.ServiceDelivery.SituationExchangeDelivery != null && r.Siri.ServiceDelivery.SituationExchangeDelivery.length > 0) {
                jQuery.each(r.Siri.ServiceDelivery.SituationExchangeDelivery[0].Situations.PtSituationElement, function(_, ptSituationElement) {
                    var situationId = ptSituationElement.SituationNumber;
                    if (ptSituationElement.Description && (situationRefs == null || situationIds[situationId] === true)) {
                        html += '<li>' + ptSituationElement.Description.replace(/\n/g, "<br/>") + '</li>';
                    }
                });
            }
        }
        
        if (html !== '') {
            html = '<div class="serviceAlertContainer"><p class="title">Service Change:</p><ul class="alerts">' + html + '</ul></div>';
        }
        
        return html;
	}
	
	function processAlertData(situationExchangeDelivery) {
		var alertData = {};
		
		if (situationExchangeDelivery && situationExchangeDelivery.length > 0) {
            jQuery.each(situationExchangeDelivery[0].Situations.PtSituationElement, function(_, ptSituationElement) {
            	if (ptSituationElement.Affects.hasOwnProperty('VehicleJourneys')) {
                    jQuery.each(ptSituationElement.Affects.VehicleJourneys.AffectedVehicleJourney, function(_, affectedVehicleJourney) {
                        var lineRef = affectedVehicleJourney.LineRef;
                        if (!(lineRef in alertData)) {
                            alertData[lineRef] = {};
                        }
                        if (!(ptSituationElement.SituationNumber in alertData[lineRef])) {
                            alertData[lineRef][ptSituationElement.SituationNumber] = ptSituationElement;
                        }
                    });
                }
            	// a stop can have BOTH route and stop level service alerts
                if (ptSituationElement.Affects.hasOwnProperty('StopPoints')) {
                    jQuery.each(ptSituationElement.Affects.StopPoints.AffectedStopPoint, function(_, affectedStopPoint) {
                        var stopPointRef = affectedStopPoint.StopPointRef;
                        if (!(stopPointRef in alertData)) {
                            alertData[stopPointRef] = {};
                        }
                        if (!(ptSituationElement.SituationNumber in alertData[stopPointRef])) {
                            alertData[stopPointRef][ptSituationElement.SituationNumber] = ptSituationElement;
                        }
                    });
                }
                else {
                    return true;
                }
            });
		}
		return alertData;
	}
	
	function activateAlertLinks(content) {
		var alertLinks = content.find(".alert-link");
		jQuery.each(alertLinks, function(_, alertLink) {
			var element = jQuery(alertLink);
			var idParts = element.attr("id").split("|");
			var stopId = idParts[1];
			var routeId = idParts[2];
			var routeShortName = idParts[3];

			element.on("click", function(e) {
				e.preventDefault();
				var alertElement = jQuery('#alerts-' + routeId.hashCode());
				if (alertElement.length === 0) {
					expandAlerts = true;
					jQuery.history.load(stopId + " " + routeShortName);
				} else {
					$("#searchbar").animate({
						scrollTop: alertElement.parent().offset().top - jQuery("#searchbar").offset().top + jQuery("#searchbar").scrollTop()
						},
						500,
						function() {
							if (alertElement.accordion("option", "active") !== 0) {
								alertElement.accordion("option", "active" , 0);
							} else {
								alertElement.animate(
									{ opacity : 0 },
									100,
									function() {
										alertElement.animate({ opacity : 1 }, 500, "swing");
									}
								);
							}
						});
				}
			});

		});
	}
	
	function getVehicleContentForResponse(r, popupContainerId, marker) {
        var alertData = processAlertData(r.Siri.ServiceDelivery.SituationExchangeDelivery);

        var activity = r.Siri.ServiceDelivery.VehicleMonitoringDelivery[0].VehicleActivity[0];
        if (activity === null || typeof activity == 'undefined' || activity.MonitoredVehicleJourney === null) {
            return null;
        }

        var vehicleId = activity.MonitoredVehicleJourney.VehicleRef;
        var vehicleIdParts = vehicleId.split("_");
        var blockId = activity.MonitoredVehicleJourney.BlockRef;
        var vehicleIdWithoutAgency = vehicleIdParts[1];
		var blockIdWithoutAgency = blockId.substring(blockId.indexOf("_")+1); // accept multiple "_" chars
        var routeName = activity.MonitoredVehicleJourney.LineRef;
        var hasRealtime = activity.MonitoredVehicleJourney.Monitored

        var html = '<div id="' + popupContainerId + '" class="popup">';

        // Don't show Vehicle Id if no Realtime data
        if (typeof hasRealtime === 'undefined' || hasRealtime === null || hasRealtime == false) {
            hasRealtime = false;
            vehicleIdWithoutAgency = 'N/A';
        }

        // header
        html += '<div class="header vehicle">';
        html += '<p class="title">' + activity.MonitoredVehicleJourney.PublishedLineName + " " + activity.MonitoredVehicleJourney.DestinationName + '</p><p>';

        //don't show block id if there is none or if config says no
        if (OBA.Config.showBlockIdInVehiclePopup == 'false' || typeof blockIdWithoutAgency === 'undefined' || blockIdWithoutAgency === null) {
            html += '<span class="type">Vehicle #' + vehicleIdWithoutAgency + '</span>';
		}
		else {
            html += '<span class="type">Vehicle #' + vehicleIdWithoutAgency + ' - ' + blockIdWithoutAgency + '</span>';
		}

		var updateTimestamp = OBA.Util.ISO8601StringToDate(activity.RecordedAtTime).getTime();
		var updateTimestampReference = OBA.Util.ISO8601StringToDate(r.Siri.ServiceDelivery.ResponseTimestamp).getTime();

		var age = (parseInt(updateTimestampReference, 10) - parseInt(updateTimestamp, 10)) / 1000;
		var staleClass = ((age > OBA.Config.staleTimeout) ? " stale" : "");			

		html += '<span class="updated' + staleClass + '"' + 
				' age="' + age + '"' + 
				' referenceEpoch="' + new Date().getTime() + '"' + 
				'>Data updated ' 
				+ OBA.Util.displayTime(age) 
				+ '</span>'; 
		
		// (end header)
		html += '</p>';
		html += '</div>';
		html += getOccupancyForBus(activity.MonitoredVehicleJourney);
		// service available at stop
		if(typeof activity.MonitoredVehicleJourney.MonitoredCall === 'undefined' && (
			(typeof activity.MonitoredVehicleJourney.OnwardCalls === 'undefined'
				|| typeof activity.MonitoredVehicleJourney.OnwardCalls.OnwardCall === 'undefined') 
			|| (typeof activity.MonitoredVehicleJourney.OnwardCalls !== 'undefined' 
				&& activity.MonitoredVehicleJourney.OnwardCalls.length === 0)
			)) {

			html += '<p class="service">Next stops are not known for this vehicle.</p>';
		} else {
			if(typeof activity.MonitoredVehicleJourney.OnwardCalls !== 'undefined'
				&& typeof activity.MonitoredVehicleJourney.OnwardCalls.OnwardCall !== 'undefined') {

				var lastExpectedArrivalTime = null;
				// SIRI occasionally gives us historical info -- if all calls are older than staleTimeout don't display
				jQuery.each(activity.MonitoredVehicleJourney.OnwardCalls.OnwardCall, function(_, onwardCall) {
					if(typeof onwardCall.ExpectedArrivalTime !== 'undefined' && onwardCall.ExpectedArrivalTime !== null) {
						var staleThresholdDate = new Date(updateTimestampReference - (OBA.Config.staleTimeout*1000)).getTime();
						if (OBA.Util.ISO8601StringToDate(onwardCall.ExpectedArrivalTime).getTime()  > staleThresholdDate) {
							lastExpectedArrivalTime = OBA.Util.ISO8601StringToDate(onwardCall.ExpectedArrivalTime);
						}
					}
				}
				);

				if (lastExpectedArrivalTime === null) {
					// we have nothing to show
					//console.log("no valid arrivals for " + vehicleId);
				} else {

					html += '<p class="service">Next stops:</p>';

					// Alert if Realtime Data is unavailable
					if(!hasRealtime){
						html += '<div class="scheduleAlert"><p>Realtime data currently unavailable for this vehicle</p></div>';
					}

					html += '<ul>';

					jQuery.each(activity.MonitoredVehicleJourney.OnwardCalls.OnwardCall, function (_, onwardCall) {
						var stopIdParts = onwardCall.StopPointRef.split("_");
						var stopIdWithoutAgencyId = stopIdParts[1];
						var stopRef = onwardCall.StopPointRef;
						if (onwardCall.ArrivalPlatformName != undefined) {
							// here we override the arrivalPlatformName to contain the stopcode
							stopRef = onwardCall.ArrivalPlatformName;
						}
						var lastClass = ((_ === activity.MonitoredVehicleJourney.OnwardCalls.OnwardCall.length - 1) ? " last" : "");

						html += '<li class="nextStop' + lastClass + '">';
						html += '<a href="' + OBA.Config.searchParamsPrefix + stopRef + '">' + onwardCall.StopPointName + '</a>';
						html += '<span>';

						if (typeof onwardCall.ExpectedArrivalTime !== 'undefined' && onwardCall.ExpectedArrivalTime !== null) {
							var timePrediction = OBA.Util.getArrivalEstimateForISOStringWithCheck(onwardCall.ExpectedArrivalTime, updateTimestampReference, "minute", onwardCall.Extensions.Distances.DistanceFromCall);
							if (timePrediction != null && timePrediction != "null") {
								html += timePrediction + ", "
							}
							// this is handy for debugging arrival/departure issues
							//html += "(" + OBA.Util.debugTime(onwardCall.ExpectedArrivalTime) + ", " + OBA.Util.debugTime(onwardCall.ExpectedDepartureTime) + ") "

						}
						html += onwardCall.Extensions.Distances.PresentableDistance;
						html += '</span></li>';
					});

					html += '</ul>';
				}
			}
		}
		
		// service alert links to sidebar if relevant
		if (routeName in alertData && OBA.Config.hasSidebar) {
			html += ' <a id="alert-link||' + routeName + '" class="alert-link" href="#">' + OBA.Config.serviceAlertText + ' for ' + activity.MonitoredVehicleJourney.PublishedLineName + '</a>';
		}

		if (OBA.Config.includeBubbleFooter)
			html += OBA.Config.infoBubbleFooterFunction('route', activity.MonitoredVehicleJourney.PublishedLineName);
		
		html += "<ul class='links'>";
		html += "<a href='#' id='zoomHere'>Center & Zoom Here</a>";
		html += "</ul>";

		// (end popup)
		html += '</div>';
		
		var content = jQuery(html);
		var zoomHereLink = content.find("#zoomHere");

		zoomHereLink.on("click", function(e) {
			e.preventDefault();
			
			var map = marker.map;
			map.setCenter(marker.getPosition());
			map.setZoom(16);
		});
		
		activateAlertLinks(content);
		
		return content.get(0);
	}

	function getOccupancyApcModeOccupancy(MonitoredVehicleJourney, addDashedLine){

		if(MonitoredVehicleJourney.Occupancy === undefined)
			return '';

		var occupancyLoad = "<span class='weeble0'></span>";

		//console.log('occupancy: '+ MonitoredVehicleJourney.Occupancy);
		var stylePrefix = "apcDot";
		if (OBA.Config.apcIcons == "false") {
			stylePrefix = "weeble";
		}
		if(MonitoredVehicleJourney.Occupancy == "seatsAvailable") {
			var occupancyText = lookupOccupancy("seatsAvailable");
			var occupancyClass = stylePrefix + "G";
			if (OBA.Config.apcIcons != "false") {
				occupancyLoad = '<span class="apcDotG"></span>' +
					'<span id="apcTextG">' + occupancyText + '</span>';
				if (addDashedLine == true) {
					occupancyLoad += '<div class="apcDashedLine"><img src="img/occupancy/apcLoadG.png"></div>';
				}
			} else {
				occupancyLoad = '<span title="' + occupancyText + '" aria-label="' + occupancyText + '" class="' + occupancyClass + '"></span>';
			}
		}
		else if(MonitoredVehicleJourney.Occupancy == "standingAvailable"){
			var occupancyText = lookupOccupancy("standingAvailable");
			var occupancyClass = stylePrefix + "Y";
			if (OBA.Config.apcIcons != "false") {
				occupancyLoad = '<span class="apcDotY"></span>' +
					'<span id="apcTextY">' + lookupOccupancy("standingAvailable") + '</span>';
				if (addDashedLine == true) {
					occupancyLoad += '<div class="apcDashedLine"><img src="img/occupancy/apcLoadY.png"></div>';
				}
			} else {
				occupancyLoad = '<span title="' + occupancyText + '" aria-label="' + occupancyText + '" class="' + occupancyClass + '"></span>';
			}
		}
		else if(MonitoredVehicleJourney.Occupancy == "full"){
			var occupancyText = lookupOccupancy("full");
			var occupancyClass = stylePrefix + "R";
			if (OBA.Config.apcIcons != "false") {
				occupancyLoad = '<span class="apcDotR"></span>' +
					'<span id="apcTextR">' + lookupOccupancy("full") + '</span>';
				if (addDashedLine == true) {
					occupancyLoad += '<div class="apcDashedLine"><img src="img/occupancy/apcLoadR.png"></div>';
				}
			} else {
				occupancyLoad = '<span title="' + occupancyText + '" aria-label="' + occupancyText + '" class="' + occupancyClass + '"></span>';
			}

		}

		return occupancyLoad;
	}

	function lookupOccupancy(siriValue) {
		return OBA.Config["occupancy_" + siriValue];
	}

	function getOccupancy(MonitoredVehicleJourney, addDashedLine){
		return getOccupancyApcModeOccupancy(MonitoredVehicleJourney, addDashedLine);
	}

	function isOriginTerminal(MonitoredVehicleJourney) {
		if (MonitoredVehicleJourney.OriginRef !== 'undefined') {
			var origin = MonitoredVehicleJourney.OriginRef;
			if (MonitoredVehicleJourney.MonitoredCall !== 'undefined') {
				var currentStop = MonitoredVehicleJourney.MonitoredCall.StopPointRef;
				if (origin === currentStop) {
					return true;
				}
			}
		}
		return false;
	}


	function getOccupancyForBus(MonitoredVehicleJourney){
		var occupancyLoad = getOccupancy(MonitoredVehicleJourney, true);
		if (occupancyLoad == '')
			return '';
		else
			return '<p><span class="service">Occupancy: </span> <span class="occupancy">'+occupancyLoad+'</span> </p>';

	}

	function getOccupancyForStop(MonitoredVehicleJourney){
		var occupancyLoad = getOccupancy(MonitoredVehicleJourney, false);
		if (occupancyLoad == '')
			return '';
		else
			return occupancyLoad;
	}

	function getStopContentForResponse(r, popupContainerId, marker, routeFilter) {
		var siri = r.siri;
		var stopResult = r.stop;
		
		var alertData = processAlertData(r.siri.Siri.ServiceDelivery.SituationExchangeDelivery);

		var html = '<div id="' + popupContainerId + '" class="popup">';
		
		// header
		var stopId = stopResult.id;
		var stopIdParts = stopId.split("_");
		var uniqueStopId = OBA.Util.displayStopId(stopId);
		var stopCode = stopResult.code;
		var alertIds = [];

		if(stopCode == null)
			stopCode = uniqueStopId;
		
		html += '<div class="header stop">';
		html += '<p class="title">' + stopResult.name + '</p><p>';
		html += '<span class="type">' + OBA.Config.stopTerm + ' ' + stopCode + '</span>';
		
		// update time across all arrivals
		var updateTimestampReference = OBA.Util.ISO8601StringToDate(siri.Siri.ServiceDelivery.ResponseTimestamp).getTime();
		var maxUpdateTimestamp = null;

		var monitoredStopVisit = [];
		if(siri.Siri.ServiceDelivery.StopMonitoringDelivery[0].MonitoredStopVisit){
			monitoredStopVisit = siri.Siri.ServiceDelivery.StopMonitoringDelivery[0].MonitoredStopVisit;
		}

		jQuery.each(monitoredStopVisit, function(_, monitoredJourney) {
			var updateTimestamp = OBA.Util.ISO8601StringToDate(monitoredJourney.RecordedAtTime).getTime();
			if(updateTimestamp > maxUpdateTimestamp) {
				maxUpdateTimestamp = updateTimestamp;
			}
		});	
		
		if (maxUpdateTimestamp === null) {
			maxUpdateTimestamp = updateTimestampReference;
		}
		
		if(maxUpdateTimestamp !== null) {
			var age = (parseInt(updateTimestampReference, 10) - parseInt(maxUpdateTimestamp, 10)) / 1000;
			var staleClass = ((age > OBA.Config.staleTimeout) ? " stale" : "");

			html += '<span class="updated' + staleClass + '"' + 
					' age="' + age + '"' + 
					' referenceEpoch="' + new Date().getTime() + '"' + 
					'>Data updated ' 
					+ OBA.Util.displayTime(age) 
					+ '</span>'; 
		}
		
		// (end header)
		html += '  </p>';
		html += ' </div>';

        //check for stop level alerts
         if (stopId in alertData) {

             var serviceAlertHeader = jQuery("<p class='popupServiceAlert'>" + OBA.Config.serviceAlertText + " for " + stopCode + ". Click for info</p>");

             var serviceAlertList = jQuery("" +
                 "<ul></ul>")
                 .addClass("popupAlerts");

             jQuery.each(alertData[stopId], function (_, ptSituationElement) {
                 if (ptSituationElement.Affects.hasOwnProperty('StopPoints')) {
                     jQuery.each(ptSituationElement.Affects.StopPoints.AffectedStopPoint, function (_, affectedStopPoint) {
                         var stopPointRef = affectedStopPoint.StopPointRef;
                         if (stopId == stopPointRef) {
                         	var summary = "";
                         	if (ptSituationElement.Summary != null && ptSituationElement.Summary.length > 0) {
                         		summary = '<strong>' + ptSituationElement.Summary + ':</strong><br/><br/>';
							}
                         	var description = "";
                         	if (ptSituationElement.Description != null && summary != ptSituationElement.Description) {
                         		description = ptSituationElement.Description;
							}
                         	var message = '<li>'
								+ summary
								+ description
								+ '</li>';
                         	if (!alertIds.includes(ptSituationElement.SituationNumber)) {
                         		alertIds.push(ptSituationElement.SituationNumber)
								serviceAlertList.append(message);
							}
                         }
                     });
                 }
             });

             var serviceAlertContainer = jQuery("<div></div>")
                 .addClass("popupServiceAlertContainer")
                 .append(serviceAlertHeader)
                 .append(serviceAlertList);

             html += serviceAlertContainer[0].outerHTML;

		 } // end stop level service alerts

         var routeAndDirectionWithArrivals = {};
         var routeAndDirectionWithArrivalsCount = 0;
         var routeAndDirectionWithoutArrivals = {};
         var routeAndDirectionWithoutArrivalsCount = 0;
         var routeAndDirectionWithoutSerivce = {};
         var routeAndDirectionWithoutSerivceCount = 0;
         var totalRouteCount = 0;

         var filterExistsInResults = false;

         jQuery.each(stopResult.routesAvailable, function(_, routeResult) {
             if (routeResult.shortName === routeFilter) {
                 filterExistsInResults = true;
                 return false;
             }
         });

         // break up routes here between those with and without service
         var filteredMatches = jQuery("<div></div>");
         var filteredMatchesData = jQuery('<div></div>').addClass("popup-filtered-matches");
         filteredMatches.append(filteredMatchesData);
         filteredMatchesData.append(jQuery("<h2></h2>").text("Other Routes Here:").addClass("service"));
         filteredMatchesData.append("<ul></ul>");

         jQuery.each(stopResult.routesAvailable, function(_, route) {
             if (filterExistsInResults && route.shortName !== routeFilter) {
                 var filteredMatch = jQuery("<li></li>").addClass("filtered-match");
                 var link = jQuery('<a href="' + OBA.Config.searchParamsPrefix + OBA.Util.displayStopId(stopResult.id) + '%20' + route.shortName + '"><span class="route-name">' + route.shortName + '</span></a>');
                 link.appendTo(filteredMatch);
                 filteredMatches.find("ul").append(filteredMatch);
                 return true; //continue
             }

             jQuery.each(route.directions, function(__, direction) {
                 if(direction.hasUpcomingScheduledService === false) {
                     routeAndDirectionWithoutSerivce[route.id + "_" + direction.directionId] = { "id":route.id, "shortName":route.shortName, "destination":direction.destination };
                     routeAndDirectionWithoutSerivceCount++;
                 } else {
                     routeAndDirectionWithoutArrivals[route.id + "_" + direction.directionId + "_" + direction.destination.hashCode()] = { "id":route.id, "shortName":route.shortName, "destination":direction.destination };
                     routeAndDirectionWithoutArrivalsCount++;
                 }
             });
             totalRouteCount++;
         });

         // ...now those with and without arrivals
		var visits = [];
		if(siri.Siri.ServiceDelivery.StopMonitoringDelivery[0].MonitoredStopVisit){
			var visits = siri.Siri.ServiceDelivery.StopMonitoringDelivery[0].MonitoredStopVisit;
		}
         jQuery.each(visits, function(_, monitoredJourney) {
             var routeId = monitoredJourney.MonitoredVehicleJourney.LineRef;
             var routeShortName = monitoredJourney.MonitoredVehicleJourney.PublishedLineName;

             if (filterExistsInResults && routeShortName !== routeFilter) {
                 return true; //continue
             }

             var directionId = monitoredJourney.MonitoredVehicleJourney.DirectionRef;
             var destinationNameHash = monitoredJourney.MonitoredVehicleJourney.DestinationName.hashCode();

             if(typeof routeAndDirectionWithArrivals[routeId + "_" + directionId + "_" + destinationNameHash] === 'undefined') {
                 routeAndDirectionWithArrivals[routeId + "_" + directionId + "_" + destinationNameHash] = [];
                 delete routeAndDirectionWithoutArrivals[routeId + "_" + directionId + "_" + destinationNameHash];
                 routeAndDirectionWithoutArrivalsCount--;
             }

             // append RecordedAtTime to mvj so we know the age of the record, not just the age of the update
             monitoredJourney.MonitoredVehicleJourney["RecordedAtTime"] = OBA.Util.ISO8601StringToDate(monitoredJourney.RecordedAtTime).getTime();
             routeAndDirectionWithArrivals[routeId + "_" + directionId + "_" + destinationNameHash].push(monitoredJourney.MonitoredVehicleJourney);
             routeAndDirectionWithArrivalsCount++;
         });


             // Maximum Upcoming Vehicles to Display
             var maxObservationsToShow = 3;
             if((totalRouteCount - routeAndDirectionWithoutArrivalsCount) > 4) {
                 maxObservationsToShow = 2;
             }

             // service available
             if(routeAndDirectionWithArrivalsCount > 0) {
                 html += '<p class="service">Buses en-route:</p>';

                 jQuery.each(routeAndDirectionWithArrivals, function(_, mvjs) {
                     var mvj = mvjs[0];

                     html += '<ul>';

                     html += '<li class="route">';
                     html += '<a href="' + OBA.Config.searchParamsPrefix + uniqueStopId + '%20' + mvj.PublishedLineName + '"><span class="route-name">' + mvj.PublishedLineName + "</span>&nbsp;&nbsp; " + mvj.DestinationName + '</a>';
                     if(mvj.Monitored)
                     if (mvj.LineRef in alertData) {
                         html += ' <a id="alert-link|' + uniqueStopId + '|' + mvj.LineRef + '|' + mvj.PublishedLineName + '" class="alert-link" href="#">Alert</a>';
                     }
                     html += '</li>';

                     jQuery.each(mvjs, function(_, monitoredVehicleJourney) {
                         if(_ >= maxObservationsToShow) {
                             return false;
                         }

                         var hasRealtime = monitoredVehicleJourney.Monitored

                         if(typeof monitoredVehicleJourney.MonitoredCall !== 'undefined') {
							 var loadOccupancy = getOccupancyForStop(monitoredVehicleJourney);
                             var distance = monitoredVehicleJourney.MonitoredCall.Extensions.Distances.PresentableDistance + " " + loadOccupancy;


                             var timePrediction = null;
                             var expectedTime = null;
							 if(isOriginTerminal(monitoredVehicleJourney)
							 && typeof monitoredVehicleJourney.MonitoredCall.ExpectedDepartureTime !== 'undefined'
								 && monitoredVehicleJourney.MonitoredCall.ExpectedDepartureTime !== null) {
								 timePrediction = OBA.Util.getArrivalEstimateForISOString(
									 monitoredVehicleJourney.MonitoredCall.ExpectedDepartureTime,
									 monitoredVehicleJourney.RecordedAtTime/*synthetic property*/);
								 expectedTime =
									 OBA.Util.ISO8601StringToDate(monitoredVehicleJourney.MonitoredCall.ExpectedDepartureTime).format(dateFormat.masks.shortTime);
							 } else if(typeof monitoredVehicleJourney.MonitoredCall.ExpectedArrivalTime !== 'undefined'
                                 && monitoredVehicleJourney.MonitoredCall.ExpectedArrivalTime !== null) {
                                 timePrediction = OBA.Util.getArrivalEstimateForISOString(
                                         monitoredVehicleJourney.MonitoredCall.ExpectedArrivalTime,
                                         monitoredVehicleJourney.RecordedAtTime/*synthetic property*/);
                                 expectedTime =
									 OBA.Util.ISO8601StringToDate(monitoredVehicleJourney.MonitoredCall.ExpectedArrivalTime).format(dateFormat.masks.shortTime);
						}

						var wrapped = false;
						if(typeof monitoredVehicleJourney.ProgressStatus !== 'undefined' 
							&& monitoredVehicleJourney.ProgressStatus.indexOf("prevTrip") !== -1 && hasRealtime) {
							wrapped = true;
						}

						var layover = false;
						if(typeof monitoredVehicleJourney.ProgressStatus !== 'undefined' 
							&& monitoredVehicleJourney.ProgressStatus.indexOf("layover") !== -1) {
							layover = true;
						}

						var stalled = false;
						if(typeof monitoredVehicleJourney.ProgressRate !== 'undefined' 
							&& monitoredVehicleJourney.ProgressRate === "noProgress") {
							stalled = true;
						}

                        var vehicleType = monitoredVehicleJourney.VehicleMode[0];

						var arrival = 'arrival arrival_' + vehicleType;
						
						// Alert if Realtime data is unavailable
						if(typeof hasRealtime === 'undefined' || hasRealtime === null || hasRealtime == false){
							distance += '<span class="scheduleAlert"><span class="not_bold"> (using schedule time)</span></span>';
							arrival = 'arrival_schedule arrival_schedule_' + vehicleType;
						}
						// If realtime data is available and config is set, add vehicleID
						else if (OBA.Config.showVehicleIdInStopPopup == "true"){
							var vehicleId = monitoredVehicleJourney.VehicleRef.split("_")[1];
							distance += '<span class="vehicleId"> (#' + vehicleId + ')</span>';
						}

						// time mode
						if(timePrediction != null && stalled === false) {
							if (expectedTime != null && OBA.Config.showExpectedArrivalTimeInStopPopup == "true") {
                                timePrediction += ', ' + expectedTime;
                        	}
							if(wrapped === false) {
								timePrediction += ", " + distance;
							}
							
							var lastClass = ((_ === maxObservationsToShow - 1 || _ === mvjs.length - 1) ? " last" : "");
							html += '<li class="' + arrival + lastClass + '">' + timePrediction + '</li>';

						// distance mode
						} else {
							if(layover === true) {
								if(typeof monitoredVehicleJourney.OriginAimedDepartureTime !== 'undefined') {
									var departureTime = OBA.Util.ISO8601StringToDate(monitoredVehicleJourney.OriginAimedDepartureTime);

									if(departureTime.getTime() < updateTimestampReference) {
										distance += " <span class='not_bold'>(at terminal)</span>";
									} else {
										distance += " <span class='not_bold'>(at terminal, scheduled to depart " + departureTime.format("h:MM TT") + ")</span>";
									}
								} else {
									// here we want to use the time prediction if we have it (counter to what the MTA does)
									// we also ignore stalled as the time prediction will account for that
									if (timePrediction != null) {
										distance = timePrediction + ", " + distance + " <span class='not_bold'>(at terminal)</span>";	
									} else {
										distance += " <span class='not_bold'>(at terminal)</span>";
									}
								}
							} else if(wrapped === true) {
								distance += " <span class='not_bold'>(+ scheduled layover at terminal)</span>";
							}
								
							var lastClass = ((_ === maxObservationsToShow - 1 || _ === mvjs.length - 1) ? " last" : "");
							html += '<li class="' + arrival + lastClass + '">' + distance + '</li>';
						}
					}
				});
			});
		}
		
		if(routeAndDirectionWithoutArrivalsCount > 0) {
		    html += '<p class="service muted">No buses en-route to this stop for:</p>';

			html += '<ul>';
			var i = 0;
			jQuery.each(routeAndDirectionWithoutArrivals, function(_, d) {
				html += '<li class="route">';
				html += '<a class="muted" href="' + OBA.Config.searchParamsPrefix + uniqueStopId + "%20" + d.shortName + '"><span class="route-name">' + d.shortName + "</span>&nbsp;&nbsp; " + d.destination + '</a>';
                if (d.id in alertData) {
					html += ' <a id="alert-link|' + uniqueStopId + '|' + d.id + '|' + d.shortName + '" class="alert-link" href="#">Alert</a>';
				}
				html += '</li>';
				
				i++;
			});
			html += "<li><a href=\'" + OBA.Config.urlPrefix + "where/schedule?id=" + stopResult.id +"\'>(click here for schedule)</a></li>";
			html += '</ul>';
		}

		if(routeAndDirectionWithoutSerivceCount > 0) {
			html += '<p class="service muted">No scheduled service at this time for:</p>';

			html += '<ul class="no-service-routes">';
			var i = 0;
			jQuery.each(routeAndDirectionWithoutSerivce, function(_, d) {
				html += '<li class="route">';
				html += '<a class="muted" href="' + OBA.Config.searchParamsPrefix + stopCode + "%20" + d.shortName + '"><span class="route-name">' + d.shortName + '</span></a>';
                html += '</li>';
				
				i++;
			});
			html += '</ul>';
		}
		
		// filtered out roues
		if (filteredMatches.find("li").length > 0) {
			var showAll = jQuery("<li></li>").addClass("filtered-match").html('<a href="' + OBA.Config.searchParamsPrefix + OBA.Util.displayStopId(stopResult.id) + '"><span class="route-name">See&nbsp;All</span></a>');
            filteredMatches.find("ul").append(showAll);
			html += filteredMatches.html();
		}

		if (OBA.Config.includeBubbleFooter)
			html += OBA.Config.infoBubbleFooterFunction("stop", uniqueStopId);

		html += "<ul class='links'>";
		if (OBA.Config.feedbackFormURL != "") {
			html += "<a target='_blank' href='" + OBA.Config.feedbackFormURL +"'>"
			html += OBA.Config.feedbackFormText + "</a>&nbsp;&nbsp;&nbsp;";
		}
		html += "<a href='#' id='zoomHere'>Center & Zoom Here</a>&nbsp;&nbsp;&nbsp;<a href='" + OBA.Config.urlPrefix + "where/schedule?id=" + stopResult.id +"' id='schedule'>View Schedule</a>";
		html += "</ul>";
		
		// (end popup)
		html += '</div>';

		var content = jQuery(html);
		var zoomHereLink = content.find("#zoomHere");

		zoomHereLink.on("click", function(e) {
			e.preventDefault();

			var map = marker.map;
			map.setCenter(marker.getPosition());
			map.setZoom(16);
		});

        var popupServiceAlertContainer = content.find(".popupServiceAlertContainer:first");

        popupServiceAlertContainer.accordion({
            header: 'p.popupServiceAlert',
            collapsible: true,
            active: false,
            autoHeight: false,
			heightStyle: "content"
        });

		
		marker.setVisible(true);
		
		activateAlertLinks(content);
		
		(stopBubbleListener !== null)? stopBubbleListener.triggerHandler(stopBubbleTrigger) : null;

		return content.get(0);
	}
	
	function registerStopBubbleListener(obj, trigger) {
		stopBubbleListener = obj;
		stopBubbleTrigger = trigger;
		return stopBubbleListener;
	}
	
	function unregisterStopBubbleListener() {
		stopBubbleListener = null;
		stopBubbleTrigger = null;
		return null;
	}

	//////////////////// CONSTRUCTOR /////////////////////

	// timer to update data periodically
	setInterval(function() {
		if(infoWindow !== null && typeof infoWindow.refreshFn === 'function') {
			infoWindow.refreshFn();
		}
	}, OBA.Config.refreshInterval);

	// updates timestamp in popup bubble every second
	setInterval(function() {
		if(infoWindow !== null && typeof infoWindow.updateTimestamp === 'function') {
			infoWindow.updateTimestamp();
		}
	}, 1000);
	
	return {
		reset: function() {
			closeInfoWindow();
		},
		
		getPopupStopId: function() {
			if(infoWindow !== null) {
				return infoWindow.stopId;
			} else {
				return null;
			}
		},
		
		// WAYS TO CREATE/DISPLAY A POPUP
		showPopupWithContent: showPopupWithContent, 
		
		showPopupWithContentFromRequest: showPopupWithContentFromRequest,
		
		// CONTENT METHODS
		getVehicleContentForResponse: getVehicleContentForResponse,
		
		getStopContentForResponse: getStopContentForResponse,
		
		registerStopBubbleListener: registerStopBubbleListener,
		
		unregisterStopBubbleListener: unregisterStopBubbleListener
	};
})();