HOME

var markerVisitor = false;
function initialize(){
	bounds = new google.maps.LatLngBounds();
	var mapOption = {zoom: 17, mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI : true , zoomControl : true};
	map = new google.maps.Map(document.getElementById('map_canvas'), mapOption);
    direction = new google.maps.DirectionsRenderer({
        map                 : map,
        panel               : document.getElementById('panel'),
        suppressMarkers     : true
    });
    autocomplete = new google.maps.places.Autocomplete($("address"));
    google.maps.event.addListener(autocomplete, 'place_changed', autocompleteCallback);

    infoWindow = new google.maps.InfoWindow();
	initGeoloc();
	initStores();
}

function getItineraire(lat, lng, address, zip, city, country, phone ){
    var destination = new google.maps.LatLng(lat, lng);
    if(markerVisitor){
    var origin = markerVisitor.getPosition();
    var request = {
        origin      : origin,
        destination : destination,
        travelMode  : google.maps.DirectionsTravelMode.DRIVING
    }
	document.getElementById("location").style.display="block";
	var location = '<div class="store-table" id="store-table"><div class="grid_5 res_screen2"><div class="grid_1 mr-rght"></div><div class="grid_3"><div><h3 id="store1" class="store-name"> '+address+'</h3></div><div> '+ zip + city + ' </div><div> '+ country + '</div><div></div><div>Phone : ' + phone + '</div><div></div></div></div><div class="clr"></div></div>';
	//document.getElementById('location').innerHTML = location;
    var directionsService = new google.maps.DirectionsService();
    directionsService.route(request, function(response, status){
        if(status == google.maps.DirectionsStatus.OK){
            direction.setDirections(response);
        }
    });
    }
	

}

function getMyLatLng(){
    if(navigator.geolocation){
        navigator.geolocation.getCurrentPosition(function(position){
            var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
        }, erreurPosition);
        return latlng;
    }
}

function loadScript() {
	  var script = document.createElement("script");
	  script.type = "text/javascript";
	  script.src = gmapUrl;
	  document.body.appendChild(script);
}

function initGeoloc(){
	if(apiSensor){
	    if(navigator.geolocation) {
	        survId = navigator.geolocation.getCurrentPosition(maPosition,erreurPosition);
	    }
	}
}

function maPosition(position) {
    latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
    markerPosition(latlng);
}

function erreurPosition(error) {
    var info = "Error geolocation : ";
    switch(error.code) {
        case error.TIMEOUT:
            info += "Timeout !";
            break;
        case error.PERMISSION_DENIED:
            info += "You have not given permission";
            break;
        case error.POSITION_UNAVAILABLE:
            info += "The position could not be determined";
            break;
        case error.UNKNOWN_ERROR:
            info += "Unknown Error";
            break;
    }
}

function initStores(){
	markers = new Array();
	for(i=0; i< stores.items.length; i++){
		var latLng =  new google.maps.LatLng(stores.items[i].lat, stores.items[i].long);
		bounds.extend(latLng);
		if(stores.items[i].marker){
			var imgMarker = new google.maps.MarkerImage(pathMarker+stores.items[i].marker);
		}else{
			if(defaultMarker){
				var imgMarker = new google.maps.MarkerImage(pathMarker+defaultMarker);
			}else{
				var imgMarker = '';
			}
		}
	    markers[i] = new google.maps.Marker({position: latLng, icon: imgMarker,map: map, store: stores.items[i]});
	    google.maps.event.addListener(markers[i], 'click', openWindowInfo);
        $('store'+stores.items[i].entity_id).observe('click', openWindowInfo.bind(markers[i]));
	}
	map.fitBounds(bounds);
    map.panToBounds(bounds);
}


function openWindowInfo(){

    if(!this.store.image){
        this.store.image = defaultImage;
    }

	var content = 	'<div class="store-info"><div class="store-image-div-infoWindow"><img src="'+this.store.image +'" alt="'+this.store.name+'"class="store-image-infoWindow"/></div><div class="store-name-infoWindow"><h3>' + this.store.name + '</h3>'
     + this.store.address + '<br>'
     + this.store.zipcode+' '+ this.store.city +' <br>'+ this.store.country_id + '<br>';


    if(this.store.phone){
        content += 'Phone : '+ this.store.phone + '<br>'
    }

    if(this.store.fax){
        //content += 'Location : '+  this.store.fax + '<br>'
    }
    content += "</div>";
    if(this.store.description){
        content += '<div class="store-description">'+ this.store.description+'</div>';
    }
	var address = "'" + this.store.address + "'";
	var city = "'" + this.store.city + "'";
	var country = "'" + this.store.country_id + "'";
    if(markerVisitor && directionEnable){
        content += '<span onclick="getItineraire('+this.store.lat+','+ this.store.long+', '+address+','+this.store.zipcode+','+city+','+country+','+this.store.phone+')" class="span-geoloc">'+estimateDirectionLabel+'</span></div></div>';
    }

    infoWindow.setContent(content);
    infoWindow.open(map,this); 
}

function autocompleteCallback(){
    var place = this.getPlace();
    position = place.geometry.location;
    var latLng = new google.maps.LatLng(position.lat(), position.lng());
    markerPosition(latLng);
}

function markerPosition(latlng){
    bounds.extend(latlng);
    if(markerVisitor){
        markerVisitor.setPosition(latlng);
    }else{
        markerVisitor = new google.maps.Marker({
            position: latlng,
            map: map,
            title:"You are here"
        });
    }
    map.panTo(latlng);
    map.setZoom(12);
}