// JavaScript Document /* Create sections to hold different parts of the javascript for the mashup Some of the main parts are 1. Variables used in the map Seperate vars for arrays, Latitude, Longitude, Markers, layers etc Booleans for layers 2. The main map build area this is called by the 1) { var us = "images/map/icons/"+ imgs[i].name + "_up.png" ; var ds = "images/map/icons/"+ imgs[i].name + ".png" ; layers.push(new layer(us,ds,imgs[i].name,false)); } } }catch(e){ GLog.write("Err-262.279:- "+ e.message); } } /* * function addmarker(x,y,html,title,icon) * Used to add a new marker to the current googleMap * x = Latitude * y = Longitude * html = html Formated text (currently not using GXslt) * title = text which appears in infopanel * icon = this is the icon ie icons[2] created in getIcon() and getNewIcon() */ function addFullmarker(x,y,html,title,type) { try{ var point = new GLatLng(x,y); points.push(point); var marker = new GMarker(point, currentIcon); GEvent.addListener(marker, 'click', function(){marker.openInfoWindowHtml(html); }); markers.push(new entitymarker(x,y,title,marker,html,type)); return marker; }catch(e){ GLog.write("err-290.306. there is a problem Adding marker to googleMap. Error:- " + e.message); } } function buildInfoPanel() { try{ //cler the infopanel infopanel.innerHTML = ""; //loop through markers for (var n in markers) { infopanel.innerHTML = infopanel.innerHTML + '' + n + ". " + markers[n].title + '

'; } }catch(e) { GLog.write("err-309.320 there is a problem Adding information to infopanel. Error:- " + e.message); } } function addMileMarkers(x,y) { try{ var point = new GLatLng(x,y); miles.push(new GMarker(point, currentIcon)); marker = miles[(miles.length-1)] ; return marker; }catch(e) { GLog.write("err-308.319. there is a problem Adding marker to googleMap. Error:- " + e.message); } } function recenterandzoom() { try{ var latpoints = []; var lngpoints = []; var midLat=0; var midLng=0; for (var i=0;i 2) { for (var i=0; i' + keeplist[m].title + '

'; } buildInfoPanel(); recenterandzoom(); }catch(e) { GLog.write("Err-382.410 :- " + e.message); } } function moveToTell() { try{ if(tellLayer) { clearmarkers("tell"); }else{ for (var n in markers) { if (markers[n].title =="Tell") { movemap(n); tellLayer = true; } } } }catch(e) { GLog.write("Error Moving to Tell Location err-411.444 " + e.message); } } //==========================Section 3 AJAX ========================================================== //Load xml Documents into memory ; function getXMLDocs(xmlDocument,xmlIcon) { try{ currentDoc = xmlDocument; this.xmlIcon = xmlIcon; loadXMLDoc("xml/" + xmlDocument + ".xml"); }catch(e){ GLog.write("err-434.443. Error retiriveing XML Documents :- " +e.message); } } function entityXMLDoc(theXMLDoc,xmlDocName) { try{ this.theXMLDoc = theXMLDoc; this.xmlDocName = xmlDocName; }catch(e){ GLog.write("err-450-437. Error creating entityicon line 169 :- " + e.message); } } function loadXMLDoc(url) { try{ xmlhttp=null; // code for Mozilla, IE7 etc. if (window.XMLHttpRequest) { //GLog.write("XMLHttpRequest OK"); xmlhttp=new XMLHttpRequest(); } // code for IE5 IE6 else if (window.ActiveXObject) { //GLog.write("ActiveXObject) OK"); xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } if (xmlhttp!=null) { xmlhttp.onreadystatechange=state_Change; xmlhttp.open("GET",url,true); xmlhttp.send(null); } else { GLog.write("Your browser does not support XMLHTTP.") } }catch(e) { GLog.write("Error Loading XML Document Err-480.501:- " + e.message); } } function state_Change() { try{ // if xmlhttp shows "loaded" if (xmlhttp.readyState==4) { // if "OK" if (xmlhttp.status==200) { var xmlDoc = xmlhttp.responseXML.documentElement; //root if (currentDoc =="fullRoute") { routeNodeLoad(xmlDoc); }else { xmlDocs.push(new entityXMLDoc(xmlDoc,currentDoc)); } var z = allXMLDocs[allXMLStart]; //GLog.write ("Loading doc ;- " + z); if (allXMLStart < allXMLDocs.length) { getXMLDocs(z,z); } allXMLStart++; //GLog.write("allXMLStart Number = " + allXMLStart); }else { GLog.write("Problem retrieving XML data") } } }catch(e){ GLog.write("err-520.536 Error in XML State :- " +e.message); } } function routeNodeLoad(xmlDoc) { try{ //Find the different Nodes using childNodes.nodeName. var x = xmlDoc.childNodes; //loop through the child nodes disreguarding whitespaces (firefox) for(var i=0;iTell Systems Ltd." + "
" + "
01752 762424 Tellonline.com
"+ "
"+ ""+ " "+ "
" + ""; var marker = addFullmarker("50.4180080964104","-4.108949945958031",html,"Tell", "tell"); map.addOverlay(marker); moveToTell(); }catch(e) { GLog.write("error setting tell marker err-943.963 " + e.message); } } //=============================Section 5 Other ================================================================ function resetVars() { try{ resetClicks(); map.clearOverlays(); markers =[]; index = 0; infopanel.innerHTML =""; }catch(e){ GLog.write("error resetting variables Err967.978 " + e.message); } } function getMarkers(nme) { try{ var lType; xmlIcon = nme; if ((nme == "water") ||(nme == "sponge")||(nme=="wc")) {//-------------------------------------// lType = "station"; }else { lType == null; } setIconState(nme,lType); currentImage = nme; buildInfoPanel(); recenterandzoom(); }catch(e) { GLog.write("Err-981.1040 " + e.message); } } function setFunRoute() { try{ //clear the route? clearRoutes(); if (funLayer==false) { funLayer = true; fullLayer = false; loadRouteLayer("funRun", 0); document["fun"].src = "images/map/icons/fun_up.png"; document["full"].src = "images/map/icons/full.png"; map.setCenter(new GLatLng(50.3651166666667,-4.14278333333333),15); }else{ funLayer = false; document["fun"].src = "images/map/icons/fun.png"; } }catch(e){ GLog.write("Erroe setting icon State err-1044.1066 " + e.message); } } function setFullRoute() { //displayLoad(); try{ clearRoutes(); if (fullLayer == false) { funLayer = false; fullLayer = true; loadRouteLayer("fullRun", 0); //addMileMarkers loadXML("mile","mile"); document["full"].src = "images/map/icons/full_up.png"; document["fun"].src = "images/map/icons/fun.png"; map.setCenter(new GLatLng(50.37114060004464,-4.107869742166905),13); }else{ fullLayer = false; document["full"].src = "images/map/icons/full.png"; } }catch(e){ GLog.write("Erroe setting icon State err-1068.1091 " + e.message); } } function setIconState(iName, iType) { try{ //loop through layers and pull out the correct layer for (var n in layers) { if (layers[n].layerName == iName) { if(layers[n].layerState) { //set Layerstate false and change the image layers[n].layerState = false; var lName = layers[n].layerName; document[lName].src = layers[n].downState; clearmarkers(iName); }else { layers[n].layerState = true; var lName = layers[n].layerName; document[lName].src = layers[n].upState; xmlIcon = iName; loadXML(iName, iType); } } } }catch(e){ GLog.write("Erroe setting icon State err-1094.1123 " + e.message); } } function clearRoutes() { for(var n in polyline) { map.removeOverlay(polyline[n]); } for(var n in miles) { map.removeOverlay(miles[n]); } } function CheckForm(form) { var FormOK = false; if ((form.name.value == '') || (form.contactDetail.value == '') || (form.comments.value == '')) { FormOK = false; alert('Please fill in your name, contact and comment'); } return FormOK; }