Distance
from center
5,7 km
" + eccoshops[i].getAttribute('address1') + "
";
if(eccoshops[i].getAttribute('address2') != "")
balloonView += eccoshops[i].getAttribute('address2') + "
";
if(eccoshops[i].getAttribute('address3') != "")
balloonView += eccoshops[i].getAttribute('address3') + "
";
if(eccoshops[i].getAttribute('zip') != "" && eccoshops[i].getAttribute('city') != "")
balloonView += eccoshops[i].getAttribute('zip') + " " + eccoshops[i].getAttribute('city') + "<\/p>";
balloonView += "<\/div>";*/
var balloonView = '';
var markertype = (eccoshops[i].getAttribute('eccoShop') == "true") ? 0 : storeIter;
insertStoresIntoMap(eccoshops[i].getAttribute('latitude'),eccoshops[i].getAttribute('longitude'),balloonView,i,markertype);
}
hideStartIndicator();
openStoreInfo('0');
return false;
}
/**
* Gets the search results via AJAX and shows suggestion selector if no location a country was found.
*/
function getStoresFromDB() {
//console.log("getStoresFromDB()");
var request = GXmlHttp.create();
request.open("GET", encodeURI(apiUrl+"?"+xQuery), true);
request.onreadystatechange = function() {
if (request.readyState == 4) {
var xmlDoc = request.responseXML;
result = xmlDoc.documentElement;
if (xmlDoc.documentElement.getAttribute("error") == "close") {
window.close();
} else if (xmlDoc.documentElement.getAttribute("error") == "true") {
setMapToCountry();
document.getElementById("noStoreResultListHeader").innerHTML = "ECCO always wants to provide the best service.
Therefore we're currently updating our ECCO Store database.
Please try again later.";
document.getElementById("storelocatorResults").style.display = "none";
document.getElementById("resultError").style.display = "block";
hideStartIndicator();
} else {
eccoshops = xmlDoc.documentElement.getElementsByTagName("store");
if (eccoshops.length == 0) {
setMapToCountry();
document.getElementById("noStoreResultListHeader").innerHTML = getMessagesByKey("noResultsForAddress");
document.getElementById("storelocatorResults").style.display = "none";
document.getElementById("resultError").style.display = "block";
hideStartIndicator();
} else {
placeLocationMarker(result.getAttribute('latitude'),result.getAttribute('longitude'));
document.getElementById("resultError").style.display = "none";
document.getElementById("storelocatorResults").style.display = "block";
centerResult(result);
insertStoresIntoResultListAndGoogleMap(result.getAttribute('latitude') + "," + result.getAttribute('longitude'));
}
trackingCountry = xmlDoc.documentElement.getElementsByTagName("stores")[0].getAttribute("countryName");
trackingQuery = xmlDoc.documentElement.getElementsByTagName("stores")[0].getAttribute("location");
trackResults();
}
}
}
request.send(null);
}
/**
* @param {String} targetgeo The geo address of the store
* @param {String} targettext The address of the store
* Doing the routing
*/
function showDrivingDirectionsForStore() {
if (typeof(iFrameDocument) == "undefined") {
var context = window;
} else {
var context = iFrameDocument;
}
delete iFrameDocument;
if(context.document.getElementById("startAddress").value == "" ) {
// country is not selected
//document.getElementById('mapFormErrors').style.display = "block";
context.document.getElementById("startAddress").focus();
context.document.getElementById("startAddress").className = "input error";
return false;
} else {
context.document.getElementById("startAddress").className = "input";
}
var from = "from: " + context.document.getElementById("startAddress").value + ", " + context.document.getElementById("countryId2").value;
var to = " to: " + context.document.getElementById('targetGeo').value;
var route = from + to;
document.getElementById("startAddress").value = context.document.getElementById("startAddress").value; //save value - always ;-)
showStartIndicator();
switchToDrivingDirectionView();
directionsPanel = document.getElementById("drivingDirections");
document.getElementById("map").appendChild(document.getElementById('drivingDirectionsForm'));
while(directionsPanel.hasChildNodes()) {
directionsPanel.removeChild(directionsPanel.firstChild);
}
directions = new GDirections(map, directionsPanel);
directions.load(route);
GEvent.addListener(directions, "error", handleErrors);
GEvent.addListener(directions, "load", handleSuccess);
GEvent.addListener(directions, "addoverlay", handleLoaded);
hideStartIndicator();
return false;
}
function handleSuccess(){
var directionsPanelPrint = document.createElement("a");
directionsPanelPrint.href = "javascript:window.print();"
directionsPanelPrint.id = "print";
directionsPanelPrint.appendChild(document.createTextNode(getMessagesByKey("print")));
directionsPanel.appendChild(directionsPanelPrint);
directionsPanel.appendChild(document.createElement("BR"));
directionsPanel.appendChild(document.getElementById('drivingDirectionsForm'));
//directionsPanel.appendChild(document.getElementById('drivingDirectionsForm').cloneNode(true));
document.getElementById('drivingDirectionsForm').style.width = "0";
document.getElementById('drivingDirectionsForm').style.display = "block";
document.getElementById('startrouting').nextSibling.nextSibling.style.display = "block";
document.getElementById('targetName').style.display = "block";
document.getElementById('backtoresults').style.display = "block";
}
function handleLoaded(){
var directionsPanelPrint = document.createElement("a");
directionsPanelPrint.href = "javascript:window.print();"
directionsPanelPrint.id = "print";
directionsPanelPrint.appendChild(document.createTextNode(getMessagesByKey("print")));
directionsPanel.appendChild(directionsPanelPrint);
document.getElementById('drivingDirectionsForm').nextSibling.style.marginTop = "115px";
}
function handleErrors(){
if (directions.getStatus().code == G_GEO_UNKNOWN_ADDRESS) {
//alert("No corresponding geographic location could be found for one of the specified addresses. This may be due to the fact that the address is relatively new, or it may be incorrect.\nError code: " + gdir.getStatus().code);
document.getElementById("startAddress").select();
document.getElementById("startAddress").className = "input error";
}
/*else if (gdir.getStatus().code == G_GEO_SERVER_ERROR)
alert("A geocoding or directions request could not be successfully processed, yet the exact reason for the failure is not known.\n Error code: " + gdir.getStatus().code);
else if (gdir.getStatus().code == G_GEO_MISSING_QUERY)
alert("The HTTP q parameter was either missing or had no value. For geocoder requests, this means that an empty address was specified as input. For directions requests, this means that no query was specified in the input.\n Error code: " + gdir.getStatus().code);
else if (gdir.getStatus().code == G_UNAVAILABLE_ADDRESS) <--- Doc bug... this is either not defined, or Doc is wrong
alert("The geocode for the given address or the route for the given directions query cannot be returned due to legal or contractual reasons.\n Error code: " + gdir.getStatus().code);
else if (gdir.getStatus().code == G_GEO_BAD_KEY)
alert("The given key is either invalid or does not match the domain for which it was given. \n Error code: " + gdir.getStatus().code);
else if (gdir.getStatus().code == G_GEO_BAD_REQUEST)
alert("A directions request could not be successfully parsed.\n Error code: " + gdir.getStatus().code);
else
alert("An unknown error occurred.");
*/
}
/**
* @param {String} marker The id of a marker
* Opens the bubble of the marker, when the user clicks a match in the result list
*/
function openStoreInfo(marker) {
//console.log("openStoreInfo()");
if(storeArray[marker]) GEvent.trigger(storeArray[marker], 'click');
return false;
}
/**
* Shows the progress indikator
*/
function showStartIndicator() {
//console.log("showStartIndicator()");
document.getElementById('searchstatus').style.display = "inline";
}
/**
* Hides the result list of stores
*/
function switchToDrivingDirectionView() {
clearMap();
map.addOverlay(trafficInfo);
document.getElementById('storelocatorResults').style.display = "none";
document.getElementById('drivingDirections').style.display = "block";
}
/**
* Shows the driving direction fieldset
*/
function showDrivingDirectionFields(geo,label,id) {
document.getElementById('targetGeo').value = geo;
document.getElementById('targetName').firstChild.data = label;
document.getElementById('targetName').style.display = "none";
var ddForm = document.getElementById('drivingDirectionsForm');
//ddForm.id = "";
document.getElementById(id).getElementsByTagName('ADDRESS')[0].appendChild(ddForm);
ddForm.style.display = "block";
document.getElementById('startrouting').nextSibling.nextSibling.style.display = "none";
document.getElementById('backtoresults').style.display = "none";
document.getElementById('startAddress').focus();
document.getElementById('page').className = "driving";
}
/**
* Hides the drivingdirections list of stores
*/
function switchToResultView() {
showEccoShops();
map.removeOverlay(trafficInfo);
document.getElementById('drivingDirections').style.display = "none";
document.getElementById('storelocatorResults').style.display = "block";
document.getElementById('drivingDirectionsForm').style.display = "none";
document.getElementById('storelocatorForm').style.display = "block";
}
/**
* Hides the progress indikator
*/
function hideStartIndicator() {
//console.log("hideStartIndicator()");
document.getElementById('searchstatus').style.display = "none";
document.forms['storelocatorForm'].elements['find'].disabled = false;
}
/**
* Tracks the user's search
*/
var trackingCountry;
var trackingQuery;
function trackResults() {
s.prop5 = (trackingCountry + ":" + trackingQuery).toLowerCase();
s.prop6=(eccoshops && eccoshops.length > 0) ? "successful" : "failed";
void(s.t());
}
/**
* This function is called by the form.
* Validates the form, assembles the AJAX request and calls further functions.
*/
function showEccoShops() {
//console.log("showEccoShops()");
if(document.getElementById('suggestions')) document.getElementById('location').parentNode.removeChild(document.getElementById('suggestions'));
document.forms['storelocatorForm'].elements['find'].disabled = true;
var formError = false;
loc = document.forms['storelocatorForm'].elements['location'].value;
if(document.forms['storelocatorForm'].elements['location'].value == "") {
// location is empty
// or not 5 digit number ( /^([0-9])$/.test(loc.charAt(0)) && !/^([0-9]{3,5})$/.test(loc) )
//document.getElementById("mapFormErrors").firstChild.data = getMessagesByKey("formError");
//document.getElementById('mapFormErrors').style.display = "block";
document.forms['storelocatorForm'].elements['location'].focus();
document.forms['storelocatorForm'].elements['location'].className = "input error";
formError = true;
}
if(document.forms['storelocatorForm'].elements['countryId'].value == "" ) {
// country is not selected
//document.getElementById('mapFormErrors').style.display = "block";
document.forms['storelocatorForm'].elements['countryId'].focus();
document.forms['storelocatorForm'].elements['countryId'].className = "select error";
formError = true;
}
if(formError) {
document.forms['storelocatorForm'].elements['find'].disabled = false;
return false;
} else {
document.getElementById("mapFormErrors").firstChild.data = '';
document.getElementById('mapFormErrors').style.display = "none";
document.forms['storelocatorForm'].elements['location'].className = "input";
document.forms['storelocatorForm'].elements['countryId'].className = "select";
}
gQuery = document.forms['storelocatorForm'].elements['location'].value + ", " + document.forms['storelocatorForm'].elements['countryId'].value;
xQuery = "countryName=" + document.forms['storelocatorForm'].elements['countryId'].value;
xQuery += "&location=" + document.forms['storelocatorForm'].elements['location'].value;
//check for optione
/*if(document.forms['storelocatorForm'].elements['womens'].checked) xQuery += "&womens=true";
if(document.forms['storelocatorForm'].elements['mens'].checked) xQuery += "&mens=true";
if(document.forms['storelocatorForm'].elements['kids'].checked) xQuery += "&kids=true";
if(document.forms['storelocatorForm'].elements['infants'].checked) xQuery += "&infants=true";*/
xQuery += "&countryId=" + document.forms['storelocatorForm'].elements['countryId'].value;
xQuery += "&language=" + document.forms['storelocatorForm'].elements['language'].value;
//console.log(xQuery);
//tracking: edit 081114 veileh: values come via ajax from xml now
//trackingCountry = document.forms['storelocatorForm'].elements['countryId'].value;
//trackingQuery = document.forms['storelocatorForm'].elements['location'].value;
showStartIndicator();
clearResults();
getStoresFromDB();
return false;
}
window.onload=load;
window.onunload=GUnload;