").css({
position: 'absolute',
left: '50%',
top: '50%',
overflow: 'visible'
})
var imgLoading = $("
![]()
").attr("src", "fe_assets/img/icons/ajax_preloader.gif").css({
position: 'absolute',
top: '-16px',
left: '-16px'
});
innerLayer.append(imgLoading);
loadingLayer.append(innerLayer);
return loadingLayer;
}
function parseXml(xml){
// if (jQuery.browser.msie) {
// var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
// xmlDoc.loadXML(xml);
// xml = xmlDoc;
// }
return xml;
}
// Google Maps functions
var map;
var markers = [];
var routes = [];
var directions;
function ShowMap(containerID, lat, lng, zoom){
if (!GBrowserIsCompatible()) {
return;
}
// Create location icon
var locationIcon = new GIcon();
locationIcon.image = "fe_assets/img/search/el_gmapmarker_loc.png";
locationIcon.iconSize = new GSize(21, 20);
locationIcon.iconAnchor = new GPoint(10, 10);
locationIcon.infoWindowAnchor = new GPoint(10, 10);
// Show map
var tmpMap = new GMap2(document.getElementById(containerID));
tmpMap.setUIToDefault();
tmpMap.removeMapType(G_PHYSICAL_MAP);
tmpMap.addControl(new GMapTypeControl());
tmpMap.setMapType(G_NORMAL_MAP);
var point = new GLatLng(lat, lng);
tmpMap.setCenter(point, zoom);
var marker = new GMarker(new GLatLng(lat, lng), {
icon: locationIcon,
clickable: false
});
// Save marker in array
markers["center"] = marker;
tmpMap.addOverlay(marker);
return tmpMap;
}
function ShowMapWithMarker(containerID, lat, lng, xmlInfoWindow, zoom){
if (!GBrowserIsCompatible()) {
return;
}
// Show map
map = new GMap2(document.getElementById(containerID));
map.setUIToDefault();
map.removeMapType(G_PHYSICAL_MAP);
map.addControl(new GMapTypeControl());
map.setMapType(G_NORMAL_MAP);
var point = new GLatLng(lat, lng);
map.setCenter(point, zoom);
return ShowMarker(map, point, 1, xmlInfoWindow);
}
function ShowMarker(map, point, position, xmlInfoWindow){
var marker = new GMarker(point, {
icon: getMapIcon(position),
clickable: true
});
marker.infoWindowOutput = xmlInfoWindow;
map.addOverlay(marker);
GEvent.addListener(marker, "click", function(){
this.openInfoWindowHtml(this.infoWindowOutput);
});
return marker;
}
function getMapIcon(pos){
var baseIcon = new GIcon(pos);
baseIcon.image = "/fe_assets/img/search/gmapmarker_no" + pos + ".png";
baseIcon.shadow = "fe_assets/img/search/el_gmapmarker_shadow.png";
baseIcon.iconSize = new GSize(20.0, 34.0);
baseIcon.shadowSize = new GSize(34.0, 34.0);
baseIcon.iconAnchor = new GPoint(10.0, 34.0);
baseIcon.infoWindowAnchor = new GPoint(13.0, 34.0);
return baseIcon;
}
function getRoutePlannerIcon(type){
var icon = new GIcon();
icon.image = "/fe_assets/img/search/el_gmapmarker_"+type+".png";
icon.shadow = "fe_assets/img/search/el_gmapmarker_shadow.png";
icon.iconSize = new GSize(20.0, 34.0);
icon.shadowSize = new GSize(34.0, 34.0);
icon.iconAnchor = new GPoint(10.0, 34.0);
return icon;
}
function ShowRoutePlannnerMessage(message){
$("#route_planner #js_msg_box").remove();
var msgBox = new MessageBox("error", message, "js_msg_box");
$("#route_planner").prepend(msgBox.GetHtml());
}
function ShowRouteOnMap(){
$("#js_msg_box").remove();
// Set headline
$("#route_head").html(getMessagesByKey("DirectionsHead") + $("#aim").val());
$("#route_head").show();
// Reset last route if available
DeleteRouteFromMap();
//Get the poly line from the GDirections object
var poly = directions.getPolyline();
// moves the map to center
var bounds = new GLatLngBounds();
bounds.extend(poly.getVertex(0));
bounds.extend(poly.getVertex(poly.getVertexCount() - 1));
map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
map.addOverlay(poly);
routes["polyline"] = poly;
//Draw icons
var iconStart = getRoutePlannerIcon("A");
var markerStart = new GMarker(poly.getVertex(0), iconStart);
map.addOverlay(markerStart);
routes["start"] = markerStart;
var iconAim = getRoutePlannerIcon("B");
var markerAim = new GMarker(poly.getVertex(poly.getVertexCount()-1), iconAim);
map.addOverlay(markerAim);
routes["aim"] = markerAim;
// Draw route description
if (directions.getNumRoutes() > 0) {
// Hide carpenter icon on carpenter detail
if (markers["carpenter"] != undefined) {
markers["carpenter"].hide();
}
// Draw headline of start
var iconStart = $("
").attr("class", "icon").html("
A");
var h3Start = $("
").html($("#start").val());
var cntHeadStart = $("").attr("class", "head").append(iconStart).append(h3Start);
var cntRoute = $("#current_route");
$(cntRoute).append(cntHeadStart);
// Create short info about distance and duration
var shortInfo = directions.getRoute(0).getDistance().html + " (" + directions.getRoute(0).getDuration().html + ")";
$(cntRoute).append($("
").html(shortInfo).attr("id", "short_info"));
// Create table with route steps
var table = $("
").attr("class", "route_steps");
for (var i = 0; i < directions.getRoute(0).getNumSteps(); i++) {
var tdPos = $("| ").html((i + 1) + ".").attr("class", "index");
var tdDesc = $(" | ").html(directions.getRoute(0).getStep(i).getDescriptionHtml()).attr("class", "description");
var tdDistance = $(" | ").html(directions.getRoute(0).getStep(i).getDistance().html).attr("class", "distance");
var tr = $(" | ");
if(i + 1 == directions.getRoute(0).getNumSteps()){
$(tr).attr("class", "last");
}
$(tr).append(tdPos).append(tdDesc).append(tdDistance);
$(table).append(tr);
}
$(cntRoute).append(table);
// Draw headline of aim
var iconAim = $("").attr("class", "icon").html("
B");
var h3Aim = $("
").html($("#aim").val());
var cntHeadAim = $("").attr("class", "head").append(iconAim).append(h3Aim);
$(cntRoute).append(cntHeadAim);
// Create copyright
$(cntRoute).append($("
").html("©2010 Tele Atlas").attr("id", "copyright"));
$("#direction").slideDown('slow');
}
else{
ShowRoutePlannnerMessage(getMessagesByKey("RouteNotFound"));
}
}
function DeleteRouteFromMap(){
var test = routes["start"];
if(routes["start"] != undefined){
routes["start"].remove();
routes["polyline"].remove();
routes["aim"].remove();
}
}
function HandleRoutePlannerErrors(){
if (directions.getStatus().code == G_GEO_UNKNOWN_DIRECTIONS) {
ShowRoutePlannnerMessage(getMessagesByKey("RouteNotFound"));
}
else {
ShowRoutePlannnerMessage(getMessagesByKey("UnknownRpSystemError"));
}
}
function SetCheckboxImages(isInit){
$('input.cbx_image').each(function(){
$(this).hide();
var imgPathActive;
var imgPathInactive;
// Get icon type by class
if($(this).hasClass("grey")) {
imgPathActive = "fe_assets/img/icons/icon_checkbox_active_grey.png";
imgPathInactive = "fe_assets/img/icons/icon_checkbox_inactive_grey.png";
}
else if($(this).hasClass("black")) {
imgPathActive = "fe_assets/img/icons/icon_checkbox_active_transparent_black.png";
imgPathInactive = "fe_assets/img/icons/icon_checkbox_inactive_transparent_black.png";
}
else if($(this).hasClass("white")) {
imgPathActive = "fe_assets/img/icons/icon_checkbox_active_transparent_white.png";
imgPathInactive = "fe_assets/img/icons/icon_checkbox_inactive_transparent_white.png";
}
else if($(this).hasClass("black_border")) {
imgPathActive = "fe_assets/img/icons/icon_checkbox_active_transparent_black_border.png";
imgPathInactive = "fe_assets/img/icons/icon_checkbox_inactive_transparent_black_border.png";
}
// Set image by checkbox status
if ($(this)[0].checked != true) {
imgPath = imgPathInactive;
}
else {
imgPath = imgPathActive;
}
var img;
if(isInit) {
img = $("
![]()
");
$(img).attr("src", imgPath);
$(img).attr("height", "18");
$(img).attr("width", "18");
$(this).after(img);
}
else {
img = $(this).next("img").attr("src", imgPath);
$(img).unbind('click');
}
// Set click event on img
$(img).click(function(){
var cbx = $(this).prev()[0];
cbx.checked = !cbx.checked;
if(cbx.checked){
$(this).attr("src", imgPathActive);
}
else {
$(this).attr("src", imgPathInactive);
}
$(cbx).change();
})
});
}