![\"\"](\"images/FavouriteMe.PNG\")
');\r\n// }\r\n\r\n// TimedConsoleLog(\"Finished Favouriting\");\r\n//// $(\"#RiverSection\").getNiceScroll().resize();\r\n//// $(\"#divRiverList\").getNiceScroll().resize();\r\n// return false;\r\n//}\r\n\r\n\r\nfunction DisplayPolyLines() {\r\n // Each of the arrays 'sEntityMarkerData', 'sRSMarkerData' and 'sPolyData' have the same number of\r\n // first dimension elements, each denoting content for a single entity. Hence, each array \r\n // needs to carry data for entities in the same order.\r\n // Parse the 3 arrays containing details of each river's Entity marker, reading station markers and \r\n // polylines. Draw each component on the map object and add Event Listeners to highlight the \r\n // entity marker, reading stations, polylines and RiverList entry on the mouseover of any of these. \r\n // At the same time, display the latest river level data in the Stats panel for the selected entity\r\n // from the Dynamic data structure\r\n // If mouseover of any reading station markers occurs when the associated river entity has already been \r\n // selected, highlight the individual DIV for that RS's displayed statistic\r\n // If a RS DIV receives a mouseover, highlight the RS marker on the map. ^^ Don't know if this is done yet.\r\n\r\n //+__+\r\n\r\n var pos, size, offset, infoWindowAnchor, icon, content, popUpSize;\r\n\r\n var thisReferenceEntry, thisDynamicEntry, thisInfoContent;\r\n var thisRefRSData, thisDynRSData;\r\n var thisEntityImagePlain, thisEntityImageFocus, thisRSImagePlain, thisRSImageFocus;\r\n var thisPolyListArray;\r\n var imgObject = {};\r\n var polyHighlight = {\r\n strokeColor: \"#00FFFF\"\r\n };\r\n\r\n console.log(\"DisplayPolyLines\");\r\n // Iterate through the Reference and Dynamic arrays\r\n // Create the Entity Markers\r\n for (var i = 0, ilimit = sDynamicData.length; i < ilimit; i++) {\r\n\r\n thisReferenceEntry = sReferenceData[i];\r\n thisDynamicEntry = sDynamicData[i];\r\n\r\n // Create the Entity LatLng object\r\n if (MAPS_ON == 1) {\r\n //+_+\r\n if (GOOGLE_ON == 1) {\r\n //+_+\r\n arrEntityLatLng[i] = new google.maps.LatLng(thisReferenceEntry['__ELL'][0],\r\n thisReferenceEntry['__ELL'][1]);\r\n\r\n // Determine the Entity images to be used (with and without Focus)\r\n thisEntityImagePlain = GetEntityLevelTrendImageName(thisReferenceEntry['__Mne'], false, (GOOGLE_ON == 1));\r\n thisEntityImageFocus = GetEntityLevelTrendImageName(thisReferenceEntry['__Mne'], true, (GOOGLE_ON == 1));\r\n\r\n // Create an object with Plain and Focus properties for the entity to be used later with mouseover events\r\n // Need to do the same for Reading Stations\r\n arrEntityImages[i] = new Object();\r\n arrEntityImages[i]['ImgPlain'] = thisEntityImagePlain;\r\n arrEntityImages[i]['ImgFocus'] = thisEntityImageFocus;\r\n }\r\n else if (OS_ON == 1) {\r\n //+_+\r\n }\r\n }\r\n\r\n // *********************************************\r\n // ************* ENTITY MARKERS ****************\r\n // *********************************************\r\n\r\n // and now the Entity marker itself\r\n if (SHOW_MAP_ENT == 1) {\r\n if (MAPS_ON == 1) {\r\n //+_+\r\n //console.log(\"Maps ON\");\r\n if (GOOGLE_ON == 1) {\r\n\r\n arrEntityMarker[i] = new google.maps.Marker({\r\n position: arrEntityLatLng[i],\r\n// icon: thisEntityImagePlain,\r\n visible: false, \r\n label: thisReferenceEntry['__Mne'],\r\n title: 'River ' + thisReferenceEntry['Name']\r\n });\r\n\r\n// arrEntityMarker[i] = new google.maps.Marker({\r\n// position: arrEntityLatLng[i],\r\n// icon: thisEntityImagePlain,\r\n// visible: false,\r\n// title: 'River ' + thisReferenceEntry['Name']\r\n// });\r\n //console.log ('Entity Marker being mapped', i);\r\n // Don't place the Entity marker on the map or create its listener just yet\r\n //+_+$^$\r\n arrEntityMarker[i].setMap(map);\r\n }\r\n else if (OS_ON == 1) {\r\n //console.log(\"Creating OS Marker \" + thisReferenceEntry['Name']);\r\n thisInfoContent = 'River ' + thisReferenceEntry['Name'] + '';\r\n\r\n //+__+ get rid of Pos, no longer needed\r\n\r\n // ^$^ Needs initially to be invisible\r\n\r\n arrEntityMarker[i] = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Point(parseInt(thisReferenceEntry['Ent__EA']),\r\n parseInt(thisReferenceEntry['Ent__NO'])),\r\n { \"lbl\": thisReferenceEntry['Name'], \"EntityID\": i });\r\n\r\n\r\n EntityLayer.addFeatures(arrEntityMarker[i]);\r\n }\r\n\r\n\r\n }\r\n sRiverTag = \"#\" + Consts.sENTITY_TAG + i; //^^ Delete this line\r\n\r\n // Add mouseover and mouseout listener events for the Entity Marker\r\n if (MAPS_ON == 1) {\r\n if (GOOGLE_ON == 1) {\r\n google.maps.event.addListener(arrEntityMarker[i], 'mouseover', (function (i) {\r\n return function () {\r\n EntityMouseover(i);\r\n // Display the default graph type 1\r\n if (SHOW_STATS == 1) {\r\n ShowDefaultGraph();\r\n }\r\n // MarkEntityElements (i, true, Consts.sPOLY_COLOUR_WITH_FOCUS, Consts.sIMG_ROOT + sEntityMarkerData[i][2])\r\n }\r\n })(i));\r\n }\r\n else if (OS_ON == 1) {\r\n //+_+\r\n\r\n // +_+ ADD THIS BACK IN IF THE FEATURE LEVEL EVENT HANDLING DOESN'T WORK\r\n }\r\n }\r\n }\r\n\r\n // ******************************************************\r\n // ************* READING STATION MARKERS ****************\r\n // ******************************************************\r\n\r\n //console.log(\"RS Marker Prep\");\r\n if (SHOW_MAP_RS == 1) {\r\n\r\n // Create the Reading Station Markers\r\n // First, create arrays for the current Entity's set of Reading Stations for each one's \r\n // LatLng, Marker and InFocus/Plain images\r\n arrRSLatLng[i] = new Array();\r\n arrRSMarker[i] = new Array();\r\n arrEntityRSImages[i] = new Array();\r\n\r\n for (var j = 0, jlimit = thisReferenceEntry['RSData'].length; j < jlimit; j++) {\r\n\r\n // Setup object to point to current Reference and Dynamic JSON Elements\r\n thisRefRSData = sReferenceData[i]['RSData'][j];\r\n thisDynRSData = sDynamicData[i]['RSData'][j];\r\n // thisRefRSData = thisReferenceEntry[j];\r\n // thisDynRSData = thisReferenceEntry[j];\r\n // Determine the RS images to be used (with and without Focus)\r\n //console.log (\"Getting Trend Image \", j);\r\n thisRSImagePlain = GetRSLevelTrendImageName(j, false);\r\n thisRSImageFocus = GetRSLevelTrendImageName(j, true);\r\n\r\n // Create an object with Plain and Focus properties for the RS Marker to be used later with \r\n // mouseover events\r\n arrEntityRSImages[i][j] = new Object();\r\n arrEntityRSImages[i][j]['ImgPlain'] = thisRSImagePlain;\r\n arrEntityRSImages[i][j]['ImgFocus'] = thisRSImageFocus;\r\n //console.log (\"Mapping RS Marker Image Plain \" + arrEntityRSImages[i][j]['ImgPlain']);\r\n //console.log (\"Mapping RS Marker Image Focus \" + arrEntityRSImages[i][j]['ImgFocus']);\r\n\r\n // Create the RS Markers for the current entity\r\n //console.log (\"Starting loop [\", j, \"] through the RS Marker Loop for Entity \", i);\r\n if (MAPS_ON == 1) {\r\n //+_+\r\n if (GOOGLE_ON == 1) {\r\n arrRSLatLng[i][j] = new google.maps.LatLng(thisRefRSData['__LL'][0], thisRefRSData['__LL'][1]);\r\n arrRSMarker[i][j] = new google.maps.Marker({\r\n position: arrRSLatLng[i][j],\r\n icon: thisRSImagePlain,\r\n visible: false,\r\n title: thisReferenceEntry['Name'] + \", \" + thisRefRSData['Name'] + \" ( \" + thisRefRSData['__Mne'] + \")\"\r\n //+_+\r\n });\r\n //console.log ('!!!!!!!!!!!!!!!!! RS Marker being mapped ', i, j, arrRSMarker[i][j]);\r\n\r\n // Don't place the RS Marker on the map or create its listener at this point ^^\r\n // +_+\r\n arrRSMarker[i][j].setMap(map);\r\n // Add mouseover and mouseout listener events for the RS Entity Marker\r\n google.maps.event.addListener(arrRSMarker[i][j], 'mouseover', (function (i, j) {\r\n return function () {\r\n RSFocus(i, j, true)\r\n }\r\n })(i, j));\r\n\r\n google.maps.event.addListener(arrRSMarker[i][j], 'mouseout', (function (i, j) {\r\n return function () {\r\n RSFocus(i, j, false)\r\n }\r\n })(i, j));\r\n //+_+\r\n\r\n // Also add a mouse click event that will display all elements of the related Entity\r\n // when an RS Marker is clicked\r\n //+_+\r\n google.maps.event.addListener(arrRSMarker[i][j], 'click', (function (i, j) {\r\n return function () {\r\n RSMarkerClick(i, j)\r\n // Display the default graph type 1\r\n if (SHOW_STATS == 1) {\r\n ShowDefaultGraph();\r\n }\r\n }\r\n })(i, j));\r\n }\r\n else if (OS_ON == 1) {\r\n //console.log (\"Mapping OS RS Markers!!!!!!!!!!!\");\r\n // +_+\r\n\r\n thisInfoContent = '\" River ' + thisReferenceEntry['Name'] + ', ' +\r\n thisRefRSData['Name'] + ' ( ' + thisRefRSData['__Mne'] + ')' + '';\r\n\r\n arrRSLatLng[i][j] = new OpenLayers.LonLat(parseInt(thisRefRSData['__EA']),\r\n parseInt(thisRefRSData['__NO']));\r\n\r\n size = new OpenLayers.Size(33, 45);\r\n offset = new OpenLayers.Pixel(-16, -36);\r\n infoWindowAnchor = new OpenLayers.Pixel(16, 16);\r\n\r\n icon = new OpenLayers.Icon(thisRSImagePlain, size, offset);\r\n\r\n arrRSMarker[i][j] = new OpenLayers.Marker(arrRSLatLng[i][j], icon);\r\n\r\n //console.log(\"display off\");\r\n arrRSMarker[i][j].display(false);\r\n RSLayer.addMarker(arrRSMarker[i][j]);\r\n //+_+\r\n\r\n // Don't place the RS Marker on the map or create its listener at this point ^^\r\n // Add mouseover and mouseout listener events for the RS Entity Marker\r\n\r\n // $^$ All events here to be removed. Now not sure why. Though we can get away without these events\r\n\r\n arrRSMarker[i][j].events.register('mouseover', arrRSMarker[i][j], (function (i) {\r\n return function () {\r\n RSFocus(i, j, true)\r\n }\r\n })(i, j));\r\n\r\n arrRSMarker[i][j].events.register('mouseout', arrRSMarker[i][j], (function (i, j) {\r\n return function () {\r\n RSFocus(i, j, false)\r\n }\r\n })(i, j));\r\n //+_+\r\n\r\n // Also add a mouse click event that will display all elements of the related Entity\r\n // when an RS Marker is clicked\r\n //+_+\r\n arrRSMarker[i][j].events.register('click', arrRSMarker[i][j], (function (i, j) {\r\n return function () {\r\n RSMarkerClick(i, j)\r\n // Display the default graph type 1\r\n if (SHOW_STATS == 1) {\r\n ShowDefaultGraph();\r\n }\r\n }\r\n })(i, j));\r\n\r\n // $^$ All events here to be removed\r\n\r\n }\r\n }\r\n\r\n\r\n } // loop end\r\n\r\n }\r\n\r\n\r\n // ******************************************************\r\n // ********************* POLYLINES **********************\r\n // ******************************************************\r\n\r\n if (SHOW_MAP_ENT == 1) {\r\n // Create the Entity Polylines and event listeners\r\n //console.log('!!!!!!Create Polys');\r\n\r\n // Create a new array for the set of Polylines (and PolyFeatures for OS Maps) for the current Entity\r\n arrPolyLines[i] = new Array();\r\n arrPolyFeature[i] = new Array();\r\n // And an array to receive the PolyLine points for the current segment of the polyline\r\n arrPolyLatLngPoints[i] = new Array();\r\n\r\n // The first loop (k) traverses over each segment of this Entity's (i) Polyline\r\n for (var k = 0, klimit = thisReferenceEntry['__PL'].length; k < klimit; k++) {\r\n // The second loop (l) traverses over the inidivual LatLng Coordinates of the current (k) segment\r\n // Create an array ready receive the set of 1 or more LatLng points for the current segment\r\n arrPolyLatLngPoints[i][k] = new Array();\r\n thisPolyListArray = thisReferenceEntry['__PL'][k];\r\n //console.log (\"Mapping points for \" + k);$^$\r\n for (var l = 0, llimit = thisPolyListArray.length; l < llimit; l++) {\r\n // Create the Polyline for the current entity, current segment\r\n //console.log(\"In loop \" + thisPolyListArray.length);\r\n if (MAPS_ON == 1) {\r\n //+_+\r\n // *** NOTE : The Reference Data JSON Array should be populated with only 2 elements for each point\r\n // *** accordingly with LatLng or Easting/Northing dependent on whether GoogleMaps or OSMaps\r\n // *** will be used in order to massively reduce the size of the JSON file\r\n if (GOOGLE_ON == 1) {\r\n arrPolyLatLngPoints[i][k].push(new google.maps.LatLng(thisPolyListArray[l][0], thisPolyListArray[l][1]));\r\n }\r\n else if (OS_ON == 1) {\r\n //+_+\r\n // Note the use of array subelements [2] & [3] assumes that only the coordinates\r\n // relevant for this graphing suite have been created\r\n arrPolyLatLngPoints[i][k].push(new OpenLayers.Geometry.Point(thisPolyListArray[l][0], thisPolyListArray[l][1]));\r\n // arrPolyLatLngPoints[i][k].push(new OpenLayers.Geometry.Point(thisPolyListArray[l][2], thisPolyListArray[l][3]));\r\n }\r\n }\r\n }\r\n\r\n // k = arrPolyLatLngPoints.length - 1; //^^ Don't understand what this is here for\r\n\r\n // Check that we're mapping in general and that mapping is On for this entity\r\n if ((MAPS_ON == 1) && (thisReferenceEntry['__MO'] == 1)) {\r\n //+_+\r\n if (GOOGLE_ON == 1) {\r\n arrPolyLines[i][k] = new google.maps.Polyline({\r\n path: arrPolyLatLngPoints[i][k], strokeColor: ConvertColourNum(thisDynamicEntry['PolyColour'][k]), strokeOpacity: 1.0,\r\n clickable: true, strokeWeight: 2\r\n });\r\n // Add the Polyline to the map\r\n arrPolyLines[i][k].setMap(map);\r\n // Add mouseover and mouseout listener events for the Polyline\r\n google.maps.event.addListener(arrPolyLines[i][k], 'mouseover', (function (i) {\r\n return function () {\r\n // MarkEntityElements (i, true, Consts.sPOLY_COLOUR_WITH_FOCUS, Consts.sIMG_ROOT + sEntityMarkerData[i][2])\r\n EntityMouseover(i);\r\n // Display the default graph type 1\r\n if (SHOW_STATS == 1) {\r\n ShowDefaultGraph();\r\n }\r\n iCurrentStatsEntity = i;\r\n $.cookie(COOKIE_ENTITY_LAST_SELECT, iCurrentStatsEntity.toString(), COOKIE_DO_NOT_EXPIRE);\r\n ShowAllRSTextAlertSamples();\r\n }\r\n })(i));\r\n }\r\n else if (OS_ON == 1) {\r\n //console.log (\"Creating line string and feature for \" + k);\r\n arrPolyLines[i][k] = new OpenLayers.Geometry.LineString(arrPolyLatLngPoints[i][k]);\r\n PolySegNo = i.toString() + \"_\" + k.toString();\r\n arrPolyFeature[i][k] = new OpenLayers.Feature.Vector(arrPolyLines[i][k],\r\n { \"lbl\": thisReferenceEntry['Name'], \"EntityID\": i, \"PolySeg\": PolySegNo },\r\n {\r\n strokeColor: ConvertColourNum(thisDynamicEntry['PolyColour'][k]), strokeOpacity: 1\r\n // strokeWidth: 5\r\n\r\n });\r\n arrPolyLines[i][k].attributes = { \"EntityID\": i };\r\n // Add the Polyline to the map\r\n\r\n VectorLayer.addFeatures(arrPolyFeature[i][k]);\r\n\r\n // $^$^$ Register a listener event here\r\n\r\n // console.log(\"Original call\");\r\n\r\n\r\n }\r\n }\r\n\r\n }\r\n }\r\n }\r\n console.log('$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ Polys DONE');\r\n if (OS_ON == 1) {\r\n //console.log(\"!!!!!!!!!!!!!!!!!!!!!!!!!Adding ayer to map\");\r\n\r\n }\r\n};\r\n\r\n// $$\r\n\r\n//TODO: Do we need these example any more?\r\n\r\nfunction ShowAllRSTextAlertSamples() {\r\n var thisSample;\r\n var iRSCount = sReferenceData[iCurrentStatsEntity]['RSData'].length;\r\n\r\n if (SHOW_TEXT_SAMPLES == 1) {\r\n\r\n TimedConsoleLog(\"ShowAllRSTextAlertSamples\");\r\n // River Latest Levels\r\n $('.popupEntity').html(sReferenceData[iCurrentStatsEntity]['Name']);\r\n //TODO: ^^^ HomeEntity now redundant?\r\n $('.popupHomeEntity').html(sReferenceData[iCurrentStatsEntity]['Name']);\r\n $('.riverLastUpdate').html(GetMHRLDate(sDynamicData[iCurrentStatsEntity]['__CSSDT']));\r\n\r\n $('.popupEntityMnemonic').html(sReferenceData[iCurrentStatsEntity]['__Mne']);\r\n if (sReferenceData[iCurrentStatsEntity]['Loc'] != undefined)\r\n $('.popupEntityLoc').html(sReferenceData[iCurrentStatsEntity]['Loc'])\r\n else\r\n $('.popupEntityLoc').html(\"\");\r\n // Location Text Alerts\r\n $('#popupRSSamples').empty();\r\n for (var RSIndex = 0, ilimit = iRSCount; RSIndex < ilimit; RSIndex++) {\r\n\r\n thisSample = '';\r\n thisSample += '
to 07860 077 377
';\r\n\r\n $('#popupRSSamples').append(thisSample);\r\n\r\n $('#pRS' + RSIndex).html(sReferenceData[iCurrentStatsEntity]['RSData'][RSIndex]['Name']);\r\n $('#pEM' + RSIndex).html(sReferenceData[iCurrentStatsEntity]['__Mne']);\r\n $('#pRSM' + RSIndex).html(sReferenceData[iCurrentStatsEntity]['RSData'][RSIndex]['__Mne']);\r\n\r\n }\r\n\r\n $('.popupLevel2').html((0.75 + (2 * Math.random())).toFixed(2));\r\n TimedConsoleLog(\"ShowAllRSTextAlertSamples End - resize\");\r\n\r\n // Resize the scrollbar\r\n try {\r\n // $(\"#MobileAlertExamples\").getNiceScroll().resize();\r\n }\r\n catch (err5) { }\r\n\r\n TimedConsoleLog(\"ShowAllRSTextAlertSamples End - resize end\");\r\n }\r\n}\r\n\r\n// Display random Text Alert help for the given RSIndex of the currently select entity\r\nfunction ShowRSSample(RSIndex) {\r\n var EntandMnemonic, theLoc;\r\n\r\n\r\n if (SHOW_TEXT_SAMPLES == 1) {\r\n $('.popupEntity').html(sReferenceData[iCurrentStatsEntity]['Name']);\r\n $('.popupRS').html(sReferenceData[iCurrentStatsEntity]['RSData'][RSIndex]['Name']);\r\n $('.popupEntityMnemonic').html(sReferenceData[iCurrentStatsEntity]['__Mne']);\r\n $('.popupRSMnemonic').html(sReferenceData[iCurrentStatsEntity]['RSData'][RSIndex]['__Mne']);\r\n $('.popupLevel1').html((0.5 + Math.random()).toFixed(2));\r\n $('.popupLevel2').html((0.75 + (2 * Math.random())).toFixed(2));\r\n $('.popupLevel3').html((0 + Math.random()).toFixed(2));\r\n\r\n\r\n if (sReferenceData[iCurrentStatsEntity]['Loc'] != undefined)\r\n theLoc = sReferenceData[iCurrentStatsEntity]['Loc']\r\n else\r\n theLoc = \"\";\r\n\r\n EntandMnemonic = '' +\r\n theLoc + '' + ' ' + sReferenceData[iCurrentStatsEntity]['Name'] + \" at \" +\r\n sReferenceData[iCurrentStatsEntity]['RSData'][RSIndex]['Name'];\r\n $('#stats_TextEntMne').html(EntandMnemonic);\r\n }\r\n}\r\n\r\n// Display random Text Alert help for the given RSIndex of the currently select entity\r\nfunction TextAlertFocus(RSIndex) {\r\n var EntandMnemonic, theLoc;\r\n\r\n if (SHOW_TEXT_SAMPLES == 1) {\r\n\r\n $('.popupEntity').html(sReferenceData[iCurrentStatsEntity]['Name']);\r\n $('.popupRS').html(sReferenceData[iCurrentStatsEntity]['RSData'][RSIndex]['Name']);\r\n $('.popupEntityMnemonic').html(sReferenceData[iCurrentStatsEntity]['__Mne']);\r\n $('.popupRSMnemonic').html(sReferenceData[iCurrentStatsEntity]['RSData'][RSIndex]['__Mne']);\r\n $('.popupLevel1').html((0.5 + Math.random()).toFixed(2));\r\n $('.popupLevel2').html((0.75 + (2 * Math.random())).toFixed(2));\r\n $('.popupLevel3').html((0 + Math.random()).toFixed(2));\r\n\r\n\r\n if (sReferenceData[iCurrentStatsEntity]['Loc'] != undefined)\r\n theLoc = \" (\" + sReferenceData[iCurrentStatsEntity]['Loc'] + \")\";\r\n else\r\n theLoc = \"\";\r\n\r\n $('.popupEntityPl').html(sReferenceData[iCurrentStatsEntity]['Name'] + theLoc);\r\n\r\n EntandMnemonic = '' +\r\n theLoc + '' + ' ' + sReferenceData[iCurrentStatsEntity][\"Name\"] + ' at ' +\r\n sReferenceData[iCurrentStatsEntity][\"RSData\"][RSIndex][\"Name\"];\r\n $('#stats_TextEntMne').html(EntandMnemonic);\r\n }\r\n}\r\n\r\n// Get a random RS index from the currently select entity\r\nfunction GetRandomRSIndex() {\r\n var useIndex, useLimit;\r\n\r\n //alert(sReferenceData[iCurrentStatsEntity]['RSData'].length);\r\n\r\n useLimit = sReferenceData[iCurrentStatsEntity]['RSData'].length;\r\n\r\n useIndex = Math.floor(Math.random() * useLimit);\r\n if (useIndex > useLimit) {\r\n useIndex = useLimit;\r\n }\r\n TextAlertFocus(useIndex);\r\n}\r\n\r\nfunction RSFocus(EntityIndex, RSIndex, HighlightOn) {\r\n // A Mouseover or Mouseout event has occurred on an RS Marker or an RS's stats table row.\r\n // Highlight the row containing the associated Reading Stations's stats table row\r\n // and display the Focus version of the RS Marker after removing highlighting\r\n // for any previously focussed RS stats table tow.\r\n\r\n var sTagName;\r\n\r\n console.log('RS Focus called Entity/RS/Highlight/iPrevRSNum', EntityIndex, RSIndex, HighlightOn, iPrevRSNum);\r\n\r\n // If the Entity this Reading Station refers to is no currently the Entity being\r\n // displayed in the Stats table, do not respond to the event\r\n if (EntityIndex == iCurrentStatsEntity) {\r\n if ((iPrevRSNum == RSIndex) && (iTimerRSHighlight != Consts.NotDefined))\r\n // If the same Entity as was previously highlighted is being highlighted again\r\n // and the timer request to return it to normal video is still running, cancel and restart it\r\n {\r\n clearTimeout(iTimerRSHighlight);\r\n iTimerRSHighlight = setTimeout(function () { HighlightRSMarker(EntityIndex, RSIndex, false); }, Consts.sENTITY_HIGHLIGHT_TIME_MS);\r\n return;\r\n };\r\n\r\n // If the same RS is still in focus, do nothing\r\n if (RSIndex != iPrevRSNum) {\r\n if (iPrevRSNum != Consts.NotDefined) {\r\n if (iTimerRSHighlight != Consts.NotDefined) {\r\n ForceRSResetTimeout(iTimerRSHighlight, EntityIndex, iPrevRSNum)\r\n }\r\n\r\n // Remove the \"highlight\" class from both the top and bottom row of the previous entry\r\n sTagName = \"#stats_row_top__\" + iPrevRSNum;\r\n $(sTagName).removeClass('highlight');\r\n sTagName = \"#stats_row_bot__\" + iPrevRSNum;\r\n $(sTagName).removeClass('highlight');\r\n // Set the RS Marker to its plain image\r\n // HighlightRSMarker (EntityIndex, iPrevRSNum, false);\r\n //console.log (\"class content bot old now \", sTagName, \" : \", $(sTagName).html());\r\n }\r\n\r\n\r\n // Add the \"highlight\" class to both the top and bottom row of the previous entry\r\n sTagName = \"#stats_row_top__\" + RSIndex;\r\n $(sTagName).addClass('highlight');\r\n sTagName = \"#stats_row_bot__\" + RSIndex;\r\n $(sTagName).addClass('highlight');\r\n // Now set the current RS Marker to its Focus Image and set the reset timer again\r\n HighlightRSMarker(EntityIndex, RSIndex, true);\r\n //console.log (\"class content BOT NEW now \", sTagName, \" : \", $(sTagName).html());\r\n iTimerRSHighlight = setTimeout(function () { HighlightRSMarker(EntityIndex, RSIndex, false); }, Consts.sENTITY_HIGHLIGHT_TIME_MS);\r\n\r\n iPrevRSNum = RSIndex;\r\n }\r\n TextAlertFocus(RSIndex);\r\n }\r\n};\r\n\r\nfunction RSMarkerClick(EntityIndex, RSIndex) {\r\n // An RS Marker has been clicked. Highlight the associated Entity elements by calling EntityMouseover\r\n // Highlight the row containing the associated Reading Stations's stats table row\r\n // and display the Focus version of the RS Marker after removing highlighting\r\n // for any previously focussed RS stats table tow.\r\n\r\n console.log('RSMarkerClick called Entity/RSIndex', EntityIndex, RSIndex);\r\n\r\n EntityMouseover(EntityIndex);\r\n};\r\n\r\nfunction RSStateDescription(sRSState) {\r\n // Return the description as in EntityList.xslt which matches the given state image - e.g. \"state6F.png\"\r\n\r\n if (sRSState == \"state1S.png\") { return \"Dead low, steady\" }\r\n else if (sRSState == \"state1R.png\") { return \"Dead low, rising\" }\r\n else if (sRSState == \"state1F.png\") { return \"Dead low, falling\" }\r\n else if (sRSState == \"state2S.png\") { return \"Low, steady\" }\r\n else if (sRSState == \"state2R.png\") { return \"Low, rising\" }\r\n else if (sRSState == \"state2F.png\") { return \"Low, falling\" }\r\n else if (sRSState == \"state3S.png\") { return \"Around normal, steady\" }\r\n else if (sRSState == \"state3R.png\") { return \"Around normal, rising\" }\r\n else if (sRSState == \"state3F.png\") { return \"Around normal, falling\" }\r\n else if (sRSState == \"state4S.png\") { return \"Above normal, steady\" }\r\n else if (sRSState == \"state4R.png\") { return \"Above normal, rising\" }\r\n else if (sRSState == \"state4F.png\") { return \"Above normal, falling\" }\r\n else if (sRSState == \"state5S.png\") { return \"Well above normal, steady\" }\r\n else if (sRSState == \"state5R.png\") { return \"Well above normal, rising\" }\r\n else if (sRSState == \"state5F.png\") { return \"Well above normal, falling\" }\r\n else if (sRSState == \"state6S.png\") { return \"Spate, steady\" }\r\n else if (sRSState == \"state6R.png\") { return \"Spate, rising\" }\r\n else if (sRSState == \"state6F.png\") { return \"Spate, falling\" }\r\n else if (sRSState == \"state7S.png\") { return \"Heavy spate, steady\" }\r\n else if (sRSState == \"state7R.png\") { return \"Heavy spate, rising\" }\r\n else if (sRSState == \"state7F.png\") { return \"Heavy spate, falling\" }\r\n else if (sRSState == \"state0.png\") { return \"Unknown\" }\r\n};\r\n\r\n\r\nfunction ShowEntityStats(EntityNum, bForceRefresh)\r\n// Extract the Entity and Level details from a combination of the Static and Dynamic JSON structures\r\n// and generate the appropriate HTML within ths \"stats_Body\" container to display the results\r\n// Set the global variable iCurrentStatsEntity to denote the Entity number for which stats on Reading\r\n// Stations are currently on display in the Stats Area\r\n// The bForceRefresh parameter is used to force an update when the \"SwitchUnits\" button has been pressed\r\n{\r\n\r\n var thisColourVal, arrLevelDetails, iIndex, fmtDate, sRSState;\r\n\r\n TimedConsoleLog(\"ShowEntityStats start \" + EntityNum + \" / \" + iCurrentStatsEntity);\r\n // No need to redisplay if this river is already on display\r\n if ((iCurrentStatsEntity != EntityNum) || (bForceRefresh == true) || (bStartupComplete == false)) {\r\n // Empty the body of the table and recreate from the RS Static and Dynamic data for the given element\r\n TimedConsoleLog(\"HTML update\");\r\n $('#stats_Body').empty();\r\n $('#stats_DateTime').html(GetMHRLDate(sDynamicData[EntityNum]['__CSSDT']));\r\n $('#stats_DateTimeAgo').attr(\"title\", sDynamicData[EntityNum]['__CSSDT']);\r\n $('#stats_DateTimeAgo').data(\"timeago\", null).timeago();\r\n\r\n jQuery(\"abbr.timeago\").timeago();\r\n\r\n //TODO: $$$ REmove NUDT element from json\r\n //$('#stats_NextUpdate').html(GetMHRLDate(sDynamicData[EntityNum]['__NUDT']));\r\n $('#stats_Entity').html(sReferenceData[EntityNum]['Name']);\r\n $('#stats_Mnemonic').html('(' + sReferenceData[EntityNum]['__Mne'] + ')');\r\n console.log(\"******* Stats Mnemonic is \" + EntityNum + sReferenceData[EntityNum]['__Mne']);\r\n iIndex = 0;\r\n\r\n TimedConsoleLog(\"ref data parse\");\r\n $.each(sReferenceData[EntityNum]['RSData'], function (entryIndex, entry) {\r\n // Retrieve the settings and state in the required units from the Dyanmic data JSON\r\n // and add as 2 rows to the Stats Display\r\n\r\n // @@@ Remove __DL and __UC from reference data and this call\r\n //arrLevelDetails = GetLevelDetails(entry['__DL'], sReferenceData[EntityNum]['__UC'],\r\n arrLevelDetails = GetLevelDetails(\r\n sDynamicData[EntityNum]['RSData'][entryIndex]['Level'],\r\n sDynamicData[EntityNum]['RSData'][entryIndex]['__LI'],\r\n sDynamicData[EntityNum]['RSData'][entryIndex]['__LPC'],\r\n sDynamicData[EntityNum]['RSData'][entryIndex]['__RFS'],\r\n sDynamicData[EntityNum]['RSData'][entryIndex]['__SCV'],\r\n sUnits);\r\n\r\n thisColourVal = sDynamicData[EntityNum]['RSData'][entryIndex]['__SCV'];\r\n\r\n // console.log (arrLevelDetails.pop());\r\n // console.log (arrLevelDetails.pop());\r\n // console.log (arrLevelDetails.pop());\r\n // console.log (arrLevelDetails.pop());\r\n // console.log (arrLevelDetails.pop());\r\n // // Relative Level, Absolute Level, LevelImg, TrendImg, LevelDesc, TrendDesc\r\n\r\n // Insert the ** FIRST LINE **, include the class to denote Spate Level\r\n var html_str;\r\n html_str = '
![\"Text](\"css/images/TextMe.png\")
');\r\n }\r\n return false;\r\n });\r\n\r\n\r\n // Create new Entity List Dropdown of Entities containing the given search string\r\n function FilterEntities(useSearch) {\r\n var newDropdownHTML = \"\";\r\n var addDiv = true;\r\n var divOffset, entityStartOffset, entityEndOffset, nextDiv, thisEntity, searchTitle, isAFavourite;\r\n\r\n upTo = 0;\r\n divOffset = 0;\r\n nextDiv = 0;\r\n console.log(\"Starting\");\r\n var search = $('#inputSearch').val().trim().toUpperCase();\r\n nextDiv = 0;\r\n console.log(\"Searching [\" + search + \"]\");\r\n\r\n nextDiv = 0;\r\n if (useSearch && (search.length <= 1)) {\r\n // $('#RList').html(fullEntityList);\r\n // $('#RListDropdown').html(fullEntityList);\r\n // $('#RListHeadCont').html(fullEntityList);\r\n $('#RListDiv').hide();\r\n } else {\r\n if (useSearch) {\r\n\r\n // ***********************\r\n if (workerSearch != undefined) {\r\n //workerFave.terminate();\r\n }\r\n else {\r\n workerSearch = new Worker('..\\\\js\\\\workerSearch.js');\r\n workerSearch.addEventListener('message',\r\n function (event) {\r\n TimedConsoleLog(\"Back with that Search \" + event.data.length);\r\n searchTitle = (event.data.length == 0 ? \"No Matches\" : \"Search Matches\");\r\n $('#RListHeadCont').html(event.data);\r\n });\r\n workerSearch.addEventListener('error', function (event) {\r\n TimedConsoleLog(\"*************** FAILED with those Searches\");\r\n console.error('error received from workerSearch => ', event);\r\n });\r\n }\r\n TimedConsoleLog(\"Posting to worker\");\r\n workerSearch.postMessage({ entityList: fullEntityList, entitySearch: search, entityCookie: $.cookie(COOKIE_ENTITY_FAVE) });\r\n TimedConsoleLog(\"Back from posting\");\r\n\r\n\r\n // ******************************\r\n\r\n\r\n // Fill the dropdown list based on Entity search criteria\r\n // CODE WOZ ERE\r\n\r\n }\r\n else {\r\n // Fill the dropdown with Favourites\r\n searchTitle = \"Favourites\";\r\n $('#RListHeadCont').html(FavouritesHTML);\r\n $('#inputSearch').val('');\r\n }\r\n\r\n $('#RListHead').html(searchTitle);\r\n\r\n // $('#RList').html(newDropdownHTML);\r\n // $('#RListDropdown').html(newDropdownHTML);\r\n $('#RListDiv').show();\r\n }\r\n\r\n console.log(\"Ending\");\r\n }\r\n\r\n function SearchSetupAndChange() {\r\n\r\n\r\n }\r\n\r\n function FavouritesSetupAndChange() {\r\n if (workerFave != undefined) {\r\n //workerFave.terminate();\r\n }\r\n else {\r\n workerFave = new Worker('..\\\\js\\\\workerFavourites.js');\r\n workerFave.addEventListener('message',\r\n function (event) {\r\n TimedConsoleLog(\"Back with those Favourites\");\r\n FavouritesHTML = event.data;\r\n });\r\n workerFave.addEventListener('error', function (event) {\r\n TimedConsoleLog(\"*************** FAILED with those Favourites\");\r\n console.error('error received from workerFave => ', event);\r\n });\r\n }\r\n TimedConsoleLog(\"Posting to worker\");\r\n workerFave.postMessage({ entityList: fullEntityList, entityCookie: $.cookie(COOKIE_ENTITY_FAVE) });\r\n TimedConsoleLog(\"Back from posting\");\r\n }\r\n\r\n function SetFavouritesButtonVisibility() {\r\n let cookieFave = $.cookie(COOKIE_ENTITY_FAVE);\r\n if ((cookieFave != null) && (cookieFave.length > 0)) {\r\n $('#btnFavourites').prop('disabled', false);\r\n }\r\n else {\r\n $('#btnFavourites').prop('disabled', true);\r\n }\r\n }\r\n\r\n\r\n //*******************************************\r\n\r\n function DrawSampleChart() {\r\n console.log(\"*********************** DRAWING THE GRAPH\");\r\n var ctx = document.getElementById('chartCanvas');\r\n var myChart = new Chart(ctx, {\r\n type: 'bar',\r\n data: {\r\n labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],\r\n datasets: [{\r\n label: '# of Votes',\r\n data: [12, 19, 3, 5, 2, 3],\r\n backgroundColor: [\r\n 'rgba(255, 99, 132, 0.2)',\r\n 'rgba(54, 162, 235, 0.2)',\r\n 'rgba(255, 206, 86, 0.2)',\r\n 'rgba(75, 192, 192, 0.2)',\r\n 'rgba(153, 102, 255, 0.2)',\r\n 'rgba(255, 159, 64, 0.2)'\r\n ],\r\n borderColor: [\r\n 'rgba(255, 99, 132, 1)',\r\n 'rgba(54, 162, 235, 1)',\r\n 'rgba(255, 206, 86, 1)',\r\n 'rgba(75, 192, 192, 1)',\r\n 'rgba(153, 102, 255, 1)',\r\n 'rgba(255, 159, 64, 1)'\r\n ],\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n scales: {\r\n yAxes: [{\r\n ticks: {\r\n beginAtZero: true\r\n }\r\n }]\r\n }\r\n }\r\n });\r\n console.log(\"*********************** DONE DRAWIN\");\r\n\r\n }\r\n\r\n // ***************************************************************\r\n // ***** Show Favourites Only / Show All link Click Function ***** \r\n // ***************************************************************\r\n // $(\"#RunTest\").bind('click', function () {\r\n $(document).on('click', \"#RunTest\", function () {\r\n // Show all Entity and RS markers\r\n TryThis(42);\r\n });\r\n\r\n // $(\"#MarkersAll\").bind('click', function () {\r\n $(document).on('click', \"#MarkersAll\", function () {\r\n // Show all Entity and RS markers\r\n ShowHideEntities(true, true);\r\n return false;\r\n });\r\n\r\n // $(\"#MarkersNone\").bind('click', function () {\r\n $(document).on('click', \"#MarkersNone\", function () {\r\n // Show all Entity and RS markers\r\n ShowHideEntities(false, false);\r\n return false;\r\n });\r\n\r\n // $(\"#MarkersSelected\").bind('click', function () {\r\n $(document).on('click', \"#MarkersSelected\", function () {\r\n // Show all Entity and RS markers\r\n ShowHideEntities(false, true);\r\n return false;\r\n });\r\n\r\n // ^^ Delete the below once done\r\n // $(\"#MarkersToggle\").bind('click', function () {\r\n $(document).on('click', \"#MarkersToggle\", function () {\r\n var thisElement = $(this);\r\n\r\n if (thisElement.hasClass(\"LabelAll\")) {\r\n console.log(\"Doing Show All\");\r\n // Currently showing only the Entity with the focus, now Show All\r\n ShowHideEntities(true);\r\n //$('#MarkersToggle a').text('Label Selected River');\r\n $(thisElement).removeClass('LabelAll');\r\n }\r\n else {\r\n // Currently showing all, now Show Favourites only\r\n console.log(\"Doing Faves Only\");\r\n ShowHideEntities(false);\r\n //$('#MarkersToggle a').text('Label All Rivers');\r\n $(thisElement).addClass('LabelAll');\r\n }\r\n return false;\r\n });\r\n\r\n // ***** Set Default Map Position\r\n // $(\"#SetDefaultMap\").bind('click', function () {\r\n $(document).on('click', \"#SetDefaultMap\", function () {\r\n SaveMapCentreAndZoom();\r\n });\r\n\r\n // ***** Show Default Map Position\r\n // $(\"#ShowDefaultMap\").bind('click', function () {\r\n $(document).on('click', \"#ShowDefaultMap\", function () {\r\n SetMapCentreAndZoomToDefault(false);\r\n });\r\n\r\n $(\"#menu li\").hover(function () {\r\n console.log(\"menu_li hover\");\r\n $(this).find(\"ul\").show(\"fast\");\r\n }, function () {\r\n $(this).find(\"ul\").hide(\"fast\");\r\n });\r\n\r\n // $(\".mapButton\").bind('click', function () {\r\n $(document).on('click', \".mapButton\", function () {\r\n\r\n var iGraphType;\r\n console.log(\"mapButton live click\");\r\n var thisElement = $(this);\r\n\r\n if (thisElement.attr(\"id\") == \"G1\") { iGraphType = 1; }\r\n else if (thisElement.attr(\"id\") == \"G2\") { iGraphType = 2; }\r\n\r\n // This routine appears to be triggered when the Favourites / Show All button is hit\r\n // and therefore tries to redisplay the current graph but $(this) is not the G1/G2 Span element\r\n // hence iGraphType remains undefined. The Graph fails to display and no image is then displayed\r\n if (iGraphType != undefined) {\r\n // Display the graph\r\n ShowGraph(iGraphType);\r\n\r\n // Update the cookie\r\n $.cookie(COOKIE_DG, iGraphType.toString(), COOKIE_DO_NOT_EXPIRE);\r\n }\r\n return false;\r\n });\r\n\r\n SetFavouritesButtonVisibility();\r\n\r\n SetGraphLegendClickHandler();\r\n\r\n $(document).on('click', \"#btnFavourites\", function () {\r\n if ($('#RListDiv').is(':visible')) {\r\n $('#RListDiv').hide();\r\n } else {\r\n FilterEntities(false);\r\n }\r\n });\r\n\r\n $(document).on('keyup', \"#inputSearch\", function () {\r\n\r\n clearTimeout(searchTimer);\r\n searchTimer = setTimeout(function () { FilterEntities(true); }, Consts.sENTITY_SEARCH_START_MS);\r\n });\r\n\r\n\r\n $(document).on('blur', \"#inputSearch\", function () {\r\n $('#inputSearch').val('');\r\n FilterEntities(true);\r\n });\r\n\r\n $(document).on('blur', \"#btnFavourites\", function () {\r\n $('#inputSearch').val('');\r\n FilterEntities(true);\r\n });\r\n\r\n // ******************************************\r\n // ************ Main Entry Point ************\r\n // ******************************************\r\n\r\n console.log(\"Into the code\");\r\n\r\n //var fullEntityList = $(\"#RList\").val();\r\n var fullEntityList = $(\"#master_CPHbody_txtRiverList\").val();\r\n\r\n // Highlight the host page in the navigation menu\r\n //TODO:$$$ To remove?\r\n $(\"#navRiverMap\").addClass('menu_highlight');\r\n\r\n $(\".RiversAdImg1 img\").attr(\"src\", $('#master_CPHbody_txtGRP1DataFile').val());\r\n $(\".RiversAdImg2 img\").attr(\"src\", $('#master_CPHbody_txtGRP2DataFile').val());\r\n\r\n // $(\"a#popupClose\").live('click', function() {\r\n $(document).on('click', \"a#popupClose\", function () {\r\n $('div#pop-upHelp').hide();\r\n });\r\n // $(\"a#popupCloseCookies\").live('click', function() {\r\n $(document).on('click', \"a#popupCloseCookies\", function () {\r\n $('div#pop-upCookies').hide();\r\n });\r\n\r\n //TODO:Take me out\r\n //FilterEntities();\r\n //DrawSampleChart();\r\n //DrawMHRLChart();\r\n //myBarChart = new Chart(ctx, {\r\n // type: 'line',\r\n // data: svrData,\r\n // options: options\r\n //});\r\n\r\n var canvas = document.getElementById('chartCanvas');\r\n var ctx = canvas.getContext('2d');\r\n SetGraphDefaults();\r\n myBarChart = new Chart(ctx,\r\n {\r\n type: 'line',\r\n options: graphOptions\r\n });\r\n\r\n\r\n var dialogOpts = {\r\n autoopen: true,\r\n modal: true\r\n };\r\n\r\n // $('#dlgCookies').dialog(dialogOpts);\r\n\r\n if (MAPS_ON == 1) {\r\n //+_+\r\n if (GOOGLE_ON == 1) {\r\n mapLatlng = new google.maps.LatLng(52.696361078274485, -2.757568359375); // Shrewsbury, England\r\n mapOptions = {\r\n \"streetViewControl\": false,\r\n \"scrollwheel\": false,\r\n \"zoom\": 5,\r\n \"center\": mapLatlng,\r\n \"mapTypeId\": google.maps.MapTypeId.HYBRID\r\n };\r\n }\r\n //+_+\r\n else if (OS_ON == 1) {\r\n //+_+\r\n\r\n //+_+\r\n console.log(\"Var Mapping\");\r\n\r\n layerListeners = {\r\n featureclick: function (e) {\r\n OSlogit(e.object.name + \" layerlisterner says individually: \" + e.feature.id + \" clicked.\");\r\n return false;\r\n },\r\n nofeatureclick: function (e) {\r\n OSlogit(e.object.name + \" layerlisterner says individually: No feature clicked.\");\r\n }\r\n };\r\n\r\n Entitystyle = new OpenLayers.StyleMap({\r\n 'default': OpenLayers.Util.applyDefaults(\r\n { \"label\": \"${lbl}\", \"pointRadius\": 10 },\r\n OpenLayers.Feature.Vector.style[\"default\"]),\r\n 'select': OpenLayers.Util.applyDefaults(\r\n { \"pointRadius\": 15 },\r\n OpenLayers.Feature.Vector.style.select)\r\n });\r\n RSstyle = new OpenLayers.StyleMap({\r\n 'default': OpenLayers.Util.applyDefaults(\r\n { \"label\": \"${lbl}\", \"pointRadius\": 30 },\r\n OpenLayers.Feature.Vector.style[\"default\"]),\r\n 'select': OpenLayers.Util.applyDefaults(\r\n { \"pointRadius\": 50 },\r\n OpenLayers.Feature.Vector.style.select)\r\n });\r\n Polystyle = new OpenLayers.StyleMap({\r\n 'select': OpenLayers.Util.applyDefaults(\r\n { \"pointRadius\": 50 },\r\n OpenLayers.Feature.Vector.style.select)\r\n });\r\n\r\n EntityLayer = new OpenLayers.Layer.Vector(\"River Mkrs\", {\r\n \"styleMap\": Entitystyle,\r\n \"visibility\": false,\r\n \"eventListeners\": layerListeners\r\n });\r\n\r\n //$^$ Check whether the separate layer is needed?\r\n selEntityLayer = new OpenLayers.Layer.Vector(\"Selected River Mkr\", {\r\n \"styleMap\": Entitystyle,\r\n \"visibility\": true,\r\n \"eventListeners\": layerListeners\r\n });\r\n\r\n RSLayer = new OpenLayers.Layer.Markers(\"Gauge Mkrs\", {});\r\n\r\n // styleMap: RSstyle,\r\n // eventListeners: layerListeners\r\n // });\r\n\r\n VectorLayer = new OpenLayers.Layer.Vector(\"River Courses\", {\r\n \"styleMap\": Polystyle,\r\n \"eventListeners\": layerListeners\r\n });\r\n\r\n function log(msg) {\r\n console.log(msg);\r\n }\r\n\r\n console.log(\"Mapping mappoint\");\r\n // mapLatlng = new OpenLayers.LonLat(290293, 751020); // Aberfeldy\r\n console.log(\"Mapping options\");\r\n mapOptionsOld = { \"resolutions\": [2500, 1000, 500, 200, 100, 50, 25, 10, 5, 4, 2.5, 2, 1] };\r\n // mapOptions = { resolutions: [5, 4, 2.5, 2, 1] };\r\n /* console.log(\"Mapping layer\");\r\n vectorLayer = new OpenLayers.Layer.Vector(\"Vector Layer\");\r\n markerLayer = new OpenLayers.Layer.Markers(\"Marker Layer\"); */\r\n //markerLayer = OpenLayers.Layer.Markers(); // +__+\r\n\r\n //+_+\r\n\r\n }\r\n }\r\n\r\n console.log(\"River map created\");\r\n console.log (ConvertToUnits(.334,\r\n \"M\",\r\n \"F\",\r\n 8));\r\n\r\n var objzIndex = { zIndex: 0 };\r\n var iNextInt = 10000;\r\n objzIndex.zIndex = iNextInt;\r\n\r\n //ShowCookieNote();\r\n ShowHelp();\r\n\r\n if (MAPS_ON == 1) {\r\n if (GOOGLE_ON == 1) {\r\n map = new google.maps.Map(document.getElementById(\"map_canvas\"), mapOptions);\r\n }\r\n //+_+\r\n else if (OS_ON == 1) {\r\n\r\n //+_+\r\n\r\n console.log(\"Map being created\");\r\n\r\n // var map, layer,\r\n key = \"E59F31060C673345E0430B6CA40A0D79\",\r\n OSHQ = {\r\n WGS84: [50.936715, -1.4701989],\r\n OSGB: [437324, 115386]\r\n },\r\n zoom = 5;\r\n\r\n /* $$$ */\r\n // map = new OpenLayers.Map('map_canvas');\r\n\r\n layer = new OpenLayers.Layer.OSOpenSpace(\"OS Openspace\", key, {});\r\n\r\n // map.addLayer(layer);\r\n\r\n // map.setCenter(new OpenLayers.LonLat(OSHQ.OSGB), zoom);\r\n // map.addControl(new OpenLayers.Control.LayerSwitcher());\r\n /* $$$ */\r\n\r\n\r\n\r\n map = new OpenLayers.Map(\"map_canvas\", {\r\n \"resolutions\": [2500, 1000, 500, 200, 100, 50, 25, 10, 5, 4, 2.5, 2, 1],\r\n \"div\": \"map\",\r\n \"allOverlays\": true,\r\n \"layers\": [layer, EntityLayer, RSLayer, VectorLayer],\r\n \"zoom\": 2,\r\n \"center\": new OpenLayers.LonLat(OSHQ.OSGB),\r\n \"eventListeners\": {\r\n \"featureover\": function (e) {\r\n console.log(\"Entered FIRED\");\r\n // alert(\"Entered \" + e.feature.geometry.attributes.EntityID);\r\n e.feature.renderIntent = \"select\";\r\n e.feature.layer.drawFeature(e.feature);\r\n OSlogit(\"Map says: Pointer entered \" + e.feature.id + \" on \" + e.feature.layer[\"name\"]);\r\n EntityMouseover(e.feature.attributes[\"EntityID\"]);\r\n // Display the default graph type 1\r\n if (SHOW_STATS == 1) {\r\n ShowDefaultGraph();\r\n }\r\n },\r\n \"featureout\": function (e) {\r\n console.log(\"Out FIRED\");\r\n // alert(\"Out \" + e.feature.geometry.attributes.EntityID);\r\n e.feature.renderIntent = \"default\";\r\n e.feature.layer.drawFeature(e.feature);\r\n OSlogit(\"Map says: Pointer left \" + e.feature.id + \" on \" + e.feature.layer[\"name\"]);\r\n },\r\n \"featureclick\": function (e) {\r\n console.log(\"Click FIRED\");\r\n // alert(\"Clicked \" + e.feature.geometry.attributes.EntityID);\r\n console.log(\"Click FIRED\");\r\n OSlogit(\"Map says: \" + e.feature.id + \" clicked on \" + e.feature.layer[\"name\"]);\r\n }\r\n }\r\n });\r\n\r\n\r\n\r\n function OSlogit(msg) {\r\n console.log(msg);\r\n }\r\n console.log(\"Setting centre\");\r\n // map.setCenter(new OpenLayers.LonLat(mapLatlng), 1);\r\n // map.addLayer(VectorLayer);\r\n console.log(\"Layer adding\");\r\n // map.addLayer(EntityLayer);\r\n map.addLayer(layer);\r\n //map.addControl(new OpenLayers.Control.LayerSwitcher());\r\n // map.addControl(new OpenLayers.Control.LayerSwitcher());\r\n //+_+\r\n\r\n map.events.register('zoomend', this, function (event) {\r\n var zoom = map.getZoom();\r\n console.log(\"Detected Zoom change \" + zoom);\r\n if (zoom > 5) {\r\n SetPolyWidths(10);\r\n }\r\n else if (zoom > 3) {\r\n SetPolyWidths(8);\r\n }\r\n else if (zoom > 2) {\r\n SetPolyWidths(6);\r\n }\r\n else {\r\n SetPolyWidths(2);\r\n // VectorLayer.styleMap.styles.select.defaultStyle.strokeWidth = 2; // \r\n // VectorLayer.styleMap.styles.default.defaultStyle.strokeWidth = 2; // \r\n }\r\n VectorLayer.redraw();\r\n });\r\n\r\n }\r\n SetMapCentreAndZoomToDefault(false);\r\n }\r\n try {\r\n console.log(\"Getting Ref Data\");\r\n //alert(\"Getting Ref Data\");\r\n console.log(\"TestButtonCheck\");\r\n\r\n if ($.cookie(\"MHRLTestButton\") != \"ON\") {\r\n $('#RunTest').hide();\r\n }\r\n\r\n console.log(\"Determine Ref Filename\");\r\n var filenameRef = $('#master_CPHbody_txtJSONRefFile').val();\r\n console.log(filenameRef);\r\n\r\n // Load in and assign the Reference Data JSON string \r\n //$.getJSON('RefData/RLReferenceData_111.json?c=1', function (data) {\r\n $.getJSON(filenameRef, function (data) {\r\n console.log(\"Ref Data here\");\r\n //alert(\"Ref Data here\");\r\n sReferenceData = data;\r\n\r\n var favTrigger = new Object();\r\n var iDefaultEntry = -1; // Default Entry to display stats for\r\n var bRiverLocationMatch = false;\r\n var bRiverMatch = false;\r\n var DfltMne = $('#master_CPHbody_txtDfltMne').val().toUpperCase();\r\n var DfltLoc = $('#master_CPHbody_txtDfltLoc').val().toUpperCase();\r\n console.log(\"************** Dflt Mne \", DfltMne);\r\n\r\n // Create the entity list with appropriate graphics and populate the Favourites\r\n // section based on the contents of the cookie\r\n $.each(data, function (entryIndex, entry) {\r\n // Check whether the Entity Mnemonic exists within the EntityFave Cookie string.\r\n // If so, trigger the \"FavouriteMe\" click event \r\n //^^ CHECK THIS! Should just change the image\r\n if (CookieContainsDelimitedValue(COOKIE_ENTITY_FAVE, entry['Name'])) {\r\n favTrigger[entry['Name']] = '#rli' + entryIndex + ' .FavouriteMe';\r\n // //console.log (\"Added \", favTrigger[entry['__Mne']]);\r\n }\r\n // console.log (\"Made it to the end of Entity List $.each loop\");\r\n\r\n //console.log (\"!!!! Dflt test \", DfltMne, \" : \", entry['Name']);\r\n\r\n\r\n //console.log(\"Dfltmne/Loc is [\" + DfltMne + \"/\" + DfltLoc + \"] this name is [\" + entry['Name'] + \"/\" + entry['Loc']);\r\n //console.log(\"bRiverLocationMatch / bRiverMatch is [\" + bRiverLocationMatch.toString() + \"/\" + bRiverMatch);\r\n if (!bRiverLocationMatch) {\r\n try {\r\n if ((DfltMne == entry['Name'].toUpperCase()) && (DfltLoc == entry['Loc'].toUpperCase())) {\r\n iDefaultEntry = entryIndex;\r\n bRiverLocationMatch = true;\r\n }\r\n }\r\n catch (RLerr) { }\r\n\r\n if ((!bRiverMatch) && (!bRiverLocationMatch) && (DfltMne == entry['Name'].toUpperCase())) {\r\n iDefaultEntry = entryIndex;\r\n bRiverMatch = true;\r\n }\r\n }\r\n });\r\n\r\n console.log(\"Getting Static Data\");\r\n\r\n var filenameDyn = $('#master_CPHbody_txtJSONDynFile').val();\r\n // Load in and process the Dynamic Data JSON string \r\n //$.getJSON('RefData/RLDynamicData_111.json?c=1', function (data) {\r\n $.getJSON(filenameDyn, function (data) {\r\n var html, sFaveWorkList, sNextFave;\r\n var thisColourVal;\r\n console.log(\"About to parse\");\r\n\r\n sDynamicData = data;\r\n // Create the Entity Markers, RS Markers and Polylines on the Map canvas\r\n DisplayPolyLines();\r\n\r\n console.log(\"About to retrieve the Fave coookie\");\r\n // Retrieve the various cookie values : list of favourites, last selected entity,\r\n // Default Units\r\n sEntityFave = EmptyStringIfNull($.cookie(COOKIE_ENTITY_FAVE));\r\n iEntityLastSelect = ZeroIfNull($.cookie(COOKIE_ENTITY_LAST_SELECT));\r\n iCurrentGraph = ZeroIfNull($.cookie(COOKIE_DG));\r\n\r\n SetUnits(true);\r\n\r\n // ^^ Original locatin of favourite settings from cookie using entry['__Mne']\r\n\r\n\r\n console.log(\"favtrigger start\");\r\n sFaveWorkList = sEntityFave;\r\n\r\n while (sFaveWorkList != \"\") {\r\n sNextFave = GetNextDelimitedValue(sFaveWorkList, Consts.sDELIMITER_BAR);\r\n console.log(\"Next Fave is \", sNextFave);\r\n\r\n MarkFavourite(favTrigger[sNextFave]);\r\n // $(favTrigger[sNextFave]).trigger('click');\r\n sFaveWorkList = sFaveWorkList.substr(sNextFave.length + 1);\r\n // If the default entry to display hasn't yet been set, set it.\r\n // This will therefore be the top entry in the Favourites list\r\n if ((iDefaultEntry == -1) && (bFavouritesOn == true)) {\r\n // Extract the number from the ID / Imagename combo. e.g. \"#rli4 .FavouriteMe\"\r\n // iDefaultEntry = favTrigger[sNextFave].substr (\"#rli\".length, \r\n // favTrigger[sNextFave].indexOf (Consts.sSPACE));\r\n\r\n // try {\r\n // iDefaultEntry = favTrigger[sNextFave].substr(Consts.iRIVER_LINK_LEN,\r\n // favTrigger[sNextFave].indexOf(Consts.sSPACE) - Consts.iRIVER_LINK_LEN);\r\n // console.log (\"Default ENtry SET AT ____________________ \", iDefaultEntry);\r\n // }\r\n // catch (exception) {\r\n // }\r\n }\r\n }\r\n\r\n // If the default entry to display hasn't yet been set (i.e. there\r\n // are no favourites), set it to the last river selected, or if that isn't\r\n // defined, to the first Entry in the list\r\n // ^^ Alternatively, the \"River of the Day\" - future enhancement maybe\r\n if (iDefaultEntry == -1) {\r\n if (iEntityLastSelect != null) {\r\n iDefaultEntry = iEntityLastSelect;\r\n console.log(\"Default ENtry DEFAULTS TO LAST SELeCTED +++++++++++++ \", iEntityLastSelect);\r\n }\r\n else {\r\n // No favourite or link set-up so default to the first in the list\r\n iDefaultEntry = 0;\r\n console.log(\"Default ENtry DEFAULTS TO ____________________ 0\");\r\n }\r\n }\r\n\r\n SetLocalMapCentreAndZoom(iDefaultEntry)\r\n\r\n\r\n // And now trigger a mouseover to display stats for the default entry and display the default graph\r\n EntityMouseover(iDefaultEntry);\r\n\r\n if (SHOW_STATS == 1) {\r\n ShowDefaultGraph();\r\n }\r\n\r\n iCurrentStatsEntity = iDefaultEntry;\r\n setTitleAndLinks();\r\n\r\n //TODO: ^^^ This can run earlier\r\n FavouritesSetupAndChange();\r\n\r\n });\r\n console.log(\"Completed inner\");\r\n });\r\n console.log(\"Completed outer\");\r\n }\r\n catch (exception) {\r\n //alert(exception.description)\r\n }\r\n finally {\r\n\r\n try {\r\n // $(\"#RiverSection\").niceScroll(\"#RList\", { autohidemode: false, cursorcolor: \"#00FF00\" });\r\n //TODO:$$$ Reinstate?\r\n // $(\"#specific_stats\").niceScroll({ autohidemode: false, cursorcolor: \"#00FF00\" });\r\n }\r\n catch (err4) { }\r\n\r\n bStartupComplete = true;\r\n }\r\n\r\n});\r\n\r\nfunction DoSaveMapCentreAndZoom() {\r\n SaveMapCentreAndZoom(map);\r\n}\r\n\r\nvar debugging = true; // or true\r\nif (typeof console == \"undefined\") var console = { log: function () { } };\r\nelse if (!debugging || typeof console.log == \"undefined\") console.log = function () { };\r\n\r\n//