// map-canvas-lojas
var markersADesktop = [], markersCDesktop = [], markersEDesktop = [], markersCEDesktop = [], markersPREDesktop = [], markersPOSDesktop = [], markersPREPOSDesktop = [];
var markersAMobile = [], markersCMobile = [], markersEMobile = [], markersCEMobile = [], markersPREMobile = [], markersPOSMobile = [], markersPREPOSMobile = [];
var allMarkersM = [], allMarkersD = [];
var map, mapMini;
var maxStoresInLeftList = 15;
var infoWindowM, infoWindowD;
var varDefaultCenter = null;



function log(obj){
	console.log("DEBUG printing object");
	var str = "";
	for(prop in obj){
		str += prop + ": " + obj[prop]+"\n"
	}
	console.log(str);
}
function isEqual ( str1, str2 ) { return ( ( str1 == str2 ) ? true : false );}
/* fill dropdown with providence and municipality for Stores*/
function createComboBoxes(){ 
	var provincia = document.getElementById("dropdown-provincia");
	provincia.innerHTML = 	'<li role="presentation"><a role="menuitem" tabindex="-1" href="#" '+
							'onclick="changedProvincia(-1,this); return false;">&nbsp;</a></li>';
	for(i in state){
		provincia.innerHTML += '<li role="presentation"><a role="menuitem" tabindex="-1" href="#" '+
							'onclick="changedProvincia('+i+',this); return false;">'+state[i]+'</a></li>'; 
	}
	document.getElementById("dropdown-municipio").innerHTML = '';
}

function createComboBoxesRoam(){ 
/* fill dropdown with Continents and Countries for Roaming*/
	var continente = document.getElementById("dropdown-continente");
	continente.innerHTML = 	'<li role="presentation"><a role="menuitem" tabindex="-1" href="#" '+
							'onclick="changedContinente(-1,this); return false;">&nbsp;</a></li>';
	for(i in continent){
		continente.innerHTML += '<li role="presentation"><a role="menuitem" tabindex="-1" href="#" '+
							'onclick="changedContinente('+i+',this); return false;">'+continent[i]+'</a></li>'; 
	}
	document.getElementById("dropdown-pais").innerHTML = '';
}

/* when user clicks on a Providence or Municipality on Stores, change center of map */
function changeMapCenter(provincia,municipio){
	
	if(!isEqual(provincia,'')){
		var pesquisa = provincia;
		if(!isEqual(municipio,'')){
			pesquisa = municipio + ", " + provincia; 
		}
		//console.log("Centrar no municipio: "+pesquisa);
		GetLocation(pesquisa + ", Angola", function(pos) {
			activeMap().setCenter(new google.maps.LatLng(position.coords.latitude, position.coords.longitude), 13);
		});
	}
}

/* when user clicks on a Continent or Country on Roaming, change center of map */
function changeMapCenterRoam(continente,pais){
	
	if(!isEqual(continente,'')){
		if(continente == "América Central"){continente = "Central America"}
		var pesquisa = continente;
		if(!isEqual(pais,'')){
			pesquisa = pais + ", " + continente; 
		}
		//console.log("Centrar no pais: "+pesquisa);
		GetLocation(pesquisa, function(pos) {
			activeMap().setCenter(new google.maps.LatLng(position.coords.latitude, position.coords.longitude), 5);
		});
	}
}


/* Startup on client location */
function startup(){
	if (parent.navigator.geolocation) {
		parent.navigator.geolocation.getCurrentPosition(setCenter,defaultCenter);
	} else { 
		alert("Geolocation is not supported by this browser.");
		/* Disable button */
		//$("#near-me").removeClass("btn-blue").addClass("disabled");
		//document.getElementById("near-me").setAttribute('onclick',"return false;");
	}
}
/* Startup Roaming Page */
function startupRoaming(callback){
	if( varDefaultCenter == null ) { 
		varDefaultCenter = new google.maps.LatLng(-11.202692,17.873887); 
	}
	showMap('','',varDefaultCenter); 
	
	setTimeout(function () { 
		addMarkersToMap();

		if(callback != null && callback.code == undefined) {
			setTimeout(function () { callback(); }, 300);
		}
	}, 500); 
}

/* Client gave permition to geolocation */
function setCenter(position,callback){
	var center = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
	showMap(undefined,undefined,center);
	
	setTimeout(function () { 
	
		addMarkersToMap(); 
		
	}, 500);
	
}
/* no permitions */
function defaultCenter(callback){
	console.warn('Utilizador não deu permissões de Geolocalização');	
	if( varDefaultCenter == null ) { 
		varDefaultCenter = new google.maps.LatLng(-8.8244421,13.2411033); 
		/* Disable button */
		//$("#near-me").removeClass("btn-blue").addClass("disabled");
		//document.getElementById("near-me").setAttribute('onclick',"return false;");
	}
	showMap('','',varDefaultCenter); 
	
	setTimeout(function () { 
		addMarkersToMap();

		if(callback != null && callback.code == undefined) {
			setTimeout(function () { callback(); }, 300);
		}
	}, 500); 
}

function showMap(z,zoomDesktop,center) {

	if(zoomDesktop == null || zoomDesktop == undefined || zoomDesktop == '') {
		zoomDesktop = parseInt(zoomPage);
	}
	if(center == null || center == undefined || center == '') {
		center = new google.maps.LatLng(-8.8244421,13.2411033);
	} 
	currentZoom = zoomDesktop;
	var mapOptions = {
		zoom: zoomDesktop,
		center: center
	};
	
	infowindowM = new google.maps.InfoWindow({maxWidth: 275});
	infowindowD = new google.maps.InfoWindow({maxWidth: 275});
	
	
	
	map = new google.maps.Map(document.getElementById('map-canvas-lojas'),mapOptions);
	mapMini = new google.maps.Map(document.getElementById('map-canvas-lojas-mini'),mapOptions);
	
	var input = document.getElementById('texto');
	
	var autocomplete = new google.maps.places.Autocomplete(input);
	google.maps.event.addDomListener(input, 'keydown', function(e) { 
		if (e.keyCode == 13) { 
			e.preventDefault(); 
		}
	});
	google.maps.event.addDomListener(document.getElementById("botao"), 'click', function(e) { 
		e.preventDefault(); 
	});
	
	google.maps.event.addListener(autocomplete, 'place_changed', function() {
		autocompleteCall(autocomplete);
	});
	
	google.maps.event.addDomListener(map, 'idle', function() {
		// get markers visible on map
		if(map.getBounds() != undefined && allMarkersD[0] != null && allMarkersD[0] != undefined && allMarkersD[0] != ""){
			var numberOfVisibleStores = 0;
			/*for(var i = allMarkers.length, bounds = map.getBounds(); i--;) {
				if( bounds.contains(allMarkers[i].getPosition())){
					numberOfVisibleStores++;
					if(numberOfVisibleStores > maxStoresInLeftList){ break; }
				}
			}*/
			/* Limpar lista de lojas */
			document.getElementById("store-left-bot").innerHTML = "";
			//if(numberOfVisibleStores <= maxStoresInLeftList){
				for(var i = allMarkersD.length, bounds = map.getBounds(); i--;) {
					//log(allMarkers[i]);
					if( allMarkersD[i] != null && allMarkersD[i] != "" && bounds.contains(allMarkersD[i].getPosition())){
						addStoreInfoToLeftBar(allMarkersD[i],allMarkersD[i].prop.id,allMarkersD[i].prop.coords);
						numberOfVisibleStores++;
						// maxStoresInLeftList é o numero máximo de lojas a apresentar na lista 
						if(numberOfVisibleStores == maxStoresInLeftList){ break; }
					}
				}
			//}
		}
		$("#scrollbar1").data().plugin_tinyscrollbar.update();
	});	
	
	google.maps.event.addDomListener(mapMini, 'idle', function() {
	// get markers visible on map	
		if(mapMini.getBounds() != undefined && allMarkersM[0] != null && allMarkersM[0] != undefined && allMarkersM[0] != ""){
			var numberOfVisibleStores = 0;
			//
			/*for(var i = allMarkers.length, bounds = mapMini.getBounds(); i--;) {
				if( bounds.contains(allMarkers[i].getPosition())){
					numberOfVisibleStores++;
					if(numberOfVisibleStores > maxStoresInLeftList){ break; }
				}
			}*/
			/* Limpar lista de lojas */
			document.getElementById("store-left-mobile").innerHTML = "";
			//if(numberOfVisibleStores <= maxStoresInLeftList){
				for(var i = allMarkersM.length, bounds = mapMini.getBounds(); i--;) {
					//log(allMarkers[i]);
					if( allMarkersM[i] != null && allMarkersM[i] != "" && bounds.contains(allMarkersM[i].getPosition())){
						addStoreInfoToLeftBarMobile(allMarkersM[i]);
						// maxStoresInLeftList é o numero máximo de lojas a apresentar na lista 
						numberOfVisibleStores++;
						if(numberOfVisibleStores == maxStoresInLeftList){ break; }
					}
				}
			//}
		}
		$("#scrollbar1").data().plugin_tinyscrollbar.update();
	});
}

/* save markers by type */
function saveMarker(markerInfo) {
	
	var image = {	 url: context + '/unitel/images/'  };
	var lat, lng;
	var coordinates = markerInfo.coords.split(',');
	var segment = '';
	if(markerInfo.type == 'A') {segment = 'Agentes';
								image.url += 'pointer-agentes.png'}
	if(markerInfo.type == 'E') {segment = 'Empresariais';
								image.url += 'pointer-empresas.png';}
	if(markerInfo.type == 'C') {segment = 'Clientes';
								image.url += 'pointer-clientes.png';}
	if(markerInfo.type == 'CE'){segment = 'Clientes e Empresariais';
								image.url += 'pointer-clientes-empresariais.png';}
								
	if(markerInfo.type == 'PRE'){segment = 'Roaming Pré-Pago';
								image.url += 'pointer-clientes.png';
								
								var infoDesktop =  '<div id="content"><div id="siteNotice"></div>' +
								'<h1 class="firstHeading blue s18 uppercase">'+ markerInfo.name +'<span class="s14 gray">&nbsp;&nbsp;('+ markerInfo.country +')</span></h1>' +
								'<h2 class="orange s14 uppercase">'+segment+'</h2>' +
								'<div id="bodyContent"><ul>'
								
								for(k=0; k<markerInfo.pre.split(',').length; k++){
									infoDesktop += '<li>'+markerInfo.pre.split(',')[k]+'</li>';
								} 
								
								infoDesktop += '</ul><div class="text-right"><a href="#" onclick="showStore(\''+markerInfo.id+'\',\''+markerInfo.url+'\'); return false;" class="btn btn-orange"><i class="fa fa-plus"></i></a></div></p></div></div>';
				
								var infoMobile =  '<div id="content"><div id="siteNotice"><div id="siteNotice"></div>' +
								'<p class="blue s16 uppercase" style="min-width: 175px; font-weight: 500;">'+
								'<a href="#" onclick="showStore(\''+markerInfo.id+'\',\''+markerInfo.url+'&mobile=true\'); return false;" class="blue openDetailMobile">'+ markerInfo.name +'</a></p>' +
								'<div id="bodyContent"><div class="s10">Pré-Pago: '+markerInfo.pre+'</div></div></div>';
								
							
							} else if(markerInfo.type == 'POS'){segment = 'Roaming Pós-Pago';
								image.url += 'pointer-clientes.png';
								
								var infoDesktop =  '<div id="content"><div id="siteNotice"></div>' +
								'<h1 class="firstHeading blue s18 uppercase">'+ markerInfo.name +'<span class="s14 gray">&nbsp;&nbsp;('+ markerInfo.country +')</span></h1>' +
								'<h2 class="orange s14 uppercase">'+segment+'</h2>' +
								'<div id="bodyContent"><ul>'
								
								for(k=0; k<markerInfo.pos.split(',').length; k++){
									infoDesktop += '<li>'+markerInfo.pos.split(',')[k]+'</li>';
								} 
								
								infoDesktop += '</ul><div class="text-right"><a href="#" onclick="showStore(\''+markerInfo.id+'\',\''+markerInfo.url+'\'); return false;" class="btn btn-orange"><i class="fa fa-plus"></i></a></div></p></div></div>';
				
								var infoMobile =  '<div id="content"><div id="siteNotice"><div id="siteNotice"></div>' +
								'<p class="blue s16 uppercase" style="min-width: 175px; font-weight: 500;">'+
								'<a href="#" onclick="showStore(\''+markerInfo.id+'\',\''+markerInfo.url+'&mobile=true\'); return false;" class="blue openDetailMobile">'+ markerInfo.name +'</a></p>' +
								'<div id="bodyContent"><div class="s10">Pós-Pago: '+markerInfo.pos+'</div></div></div>';
								
							} else if(markerInfo.type == 'PREPOS'){segment = 'Roaming Pré-Pago e Pós-Pago';
								image.url += 'pointer-clientes.png';
								
								var infoDesktop =  '<div id="content"><div id="siteNotice"></div>' +
								'<h1 class="firstHeading blue s18 uppercase">'+ markerInfo.name +'<span class="s14 gray">&nbsp;&nbsp;('+ markerInfo.country +')</span></h1>' +
								'<div id="bodyContent"><h2 class="orange s14 uppercase">Roaming Pós-Pago</h2><ul>'
								
								for(k=0; k<markerInfo.pos.split(',').length; k++){
									infoDesktop += '<li>'+markerInfo.pos.split(',')[k]+'</li>';
								} 
								
								infoDesktop += '</ul><h2 class="orange s14 uppercase">Roaming Pré-Pago</h2><ul>'
								
								for(k=0; k<markerInfo.pre.split(',').length; k++){
									infoDesktop += '<li>'+markerInfo.pre.split(',')[k]+'</li>';
								} 
								
								infoDesktop += '</ul><div class="text-right"><a href="#" onclick="showStore(\''+markerInfo.id+'\',\''+markerInfo.url+'\'); return false;" class="btn btn-orange"><i class="fa fa-plus"></i></a></div></p></div></div>';
				
								var infoMobile =  '<div id="content"><div id="siteNotice"><div id="siteNotice"></div>' +
								'<p class="blue s16 uppercase" style="min-width: 175px; font-weight: 500;">'+
								'<a href="#" onclick="showStore(\''+markerInfo.id+'\',\''+markerInfo.url+'&mobile=true\'); return false;" class="blue openDetailMobile">'+ markerInfo.name +'</a></p>' +
								'<div id="bodyContent"><div class="s10">Pós-Pago: '+markerInfo.pos+'</div><div class="s10">Pré-Pago: '+markerInfo.pre+'</div></div></div>';
								
							} else {
	
	var infoDesktop =  '<div id="content"><div id="siteNotice"></div>' +
                '<h1 class="firstHeading blue s18 uppercase">'+ markerInfo.name +'</h1>' +
				'<h2 class="orange s14 uppercase">'+segment+'</h2>' +
                '<div id="bodyContent"><p>'+markerInfo.address+'</p>' +
                '<div class="text-right"><a href="#" onclick="showStore(\''+markerInfo.id+'\',\''+markerInfo.url+'\'); return false;" class="btn btn-orange"><i class="fa fa-plus"></i></a></div></p></div></div>';
				
	var infoMobile =  '<div id="content"><div id="siteNotice"><div id="siteNotice"></div>' +
                '<p class="blue s16 uppercase" style="min-width: 175px; font-weight: 500;">'+
				'<a href="#" onclick="showStoreMobile(\''+markerInfo.id+'\',\''+markerInfo.url+'&mobile=true\'); return false;" class="blue openDetailMobile">'+ markerInfo.name +'</a></p>' +
                '<div id="bodyContent"><div class="s10">'+markerInfo.address+'</div></div></div>';
							}
				//  
	if(coordinates.length == 2){
		lat = coordinates[0];
		lng = coordinates[1];
	} else { 
		console.log("As coordenadas do asset " + markerInfo.name + " ["+markerInfo.coords+"] nao estao no formato correcto. Devem estar no formato: -8.824206, 13.236721");
		return;
	}
	var position =  new google.maps.LatLng(lat, lng);

	var markerDesktop = new google.maps.Marker({
		position: position,
		icon: image.url,
		clickable: true,
		title: markerInfo.name,
		prop: markerInfo,
		array: -1,
		info: infoDesktop
	});
	
	google.maps.event.addListener(markerDesktop, 'click', function() {
		
		if(infowindowD.getPosition() != 'undefined'){
			var oldPosition = infowindowD.getPosition();
			infowindowD.setContent(markerDesktop.info);
			infowindowD.open(map,markerDesktop);
			var newPosition = infowindowD.getPosition();
			if(oldPosition == newPosition){
				infowindowD.close();
				infowindowD = new google.maps.InfoWindow();
			}
		} else {
			infowindowD.setContent(markerDesktop.info);
			infowindowD.open(map,markerDesktop);
		}
	});
	
	if(markerInfo.type == 'A') {
		markerDesktop.array = 'markersADesktop['+markersADesktop.length+']';
		markersADesktop.push(markerDesktop);
	}
	if(markerInfo.type == 'E') {
		markerDesktop.array = 'markersEDesktop['+markersEDesktop.length+']';
		markersEDesktop.push(markerDesktop);
	}
	if(markerInfo.type == 'C') {
		markerDesktop.array = 'markersCDesktop['+markersEDesktop.length+']';
		markersCDesktop.push(markerDesktop);
	}
	if(markerInfo.type == 'CE'){
		markerDesktop.array = 'markersCEDesktop['+markersCEDesktop.length+']';
		markersCEDesktop.push(markerDesktop);
	}
	if(markerInfo.type == 'PRE') {
		markerDesktop.array = 'markersPREDesktop['+markersPREDesktop.length+']';
		markersPREDesktop.push(markerDesktop);
	}
	if(markerInfo.type == 'POS') {
		markerDesktop.array = 'markersPOSDesktop['+markersPOSDesktop.length+']';
		markersPOSDesktop.push(markerDesktop);
	}
	if(markerInfo.type == 'PREPOS') {
		markerDesktop.array = 'markersPREPOSDesktop['+markersPREPOSDesktop.length+']';
		markersPREPOSDesktop.push(markerDesktop);
	}
	
	var markerMobile = new google.maps.Marker({
		position: position,
		icon: image.url,
		clickable: true,
		title: markerInfo.name,
		prop: markerInfo,
		array: -1,
		info: infoMobile,
	});
	
	google.maps.event.addListener(markerMobile, 'click', function() {
		
		if(infowindowM.getPosition() != 'undefined'){
			var oldPosition = infowindowM.getPosition();
			infowindowM.setContent(markerMobile.info);
			infowindowM.open(mapMini,markerMobile);
			var newPosition = infowindowM.getPosition();
			if(oldPosition == newPosition){
				infowindowM.close();
				infowindowM = new google.maps.InfoWindow();
				
			}
		} else {
			infowindowM.setContent(markerMobile.info);
			infowindowM.open(mapMini,markerMobile);
		}
	});
	
	if(markerInfo.type == 'A') {
		markerMobile.array = 'markersAMobile['+markersAMobile.length+']';
		markersAMobile.push(markerMobile);
	}
	if(markerInfo.type == 'E') {
		markerMobile.array = 'markersEMobile['+markersEMobile.length+']';
		markersEMobile.push(markerMobile);
	}
	if(markerInfo.type == 'C') {
		markerMobile.array = 'markersCMobile['+markersCMobile.length+']';
		markersCMobile.push(markerMobile);
	}
	if(markerInfo.type == 'CE'){
		markerMobile.array = 'markersCEMobile['+markersCEMobile.length+']';
		markersCEMobile.push(markerMobile);
	}
	if(markerInfo.type == 'PRE') {
		markerMobile.array = 'markersPREMobile['+markersPREMobile.length+']';
		markersPREMobile.push(markerMobile);
	}
	if(markerInfo.type == 'POS') {
		markerMobile.array = 'markersPOSMobile['+markersPOSMobile.length+']';
		markersPOSMobile.push(markerMobile);
	}
	if(markerInfo.type == 'PREPOS') {
		markerMobile.array = 'markersPREPOSMobile['+markersPREPOSMobile.length+']';
		markersPREPOSMobile.push(markerMobile);
	}
	
}

/* Coloca os markers criados pelas Queries no mapa. */
function addMarkersToMap(){
	allMarkersM = [];
	allMarkersD = [];
	
/* Valida checkboxes na página Lojas */	
	var x = document.getElementById("Px");
	if(x!=null){
		if(document.getElementById("Px").checked || document.getElementById("Ex").checked) {
			addMarker("CE");
		} else { removeMarker("CE"); }
		if(document.getElementById("Ax").checked){
			addMarker("A");
		} else { removeMarker("A"); }
		if(document.getElementById("Px").checked) {
			addMarker("C");
		} else { removeMarker("C"); }
		if(document.getElementById("Ex").checked) {
			addMarker("E");
		} else { removeMarker("E"); }
		
		if(!document.getElementById("Px").checked && !document.getElementById("Ex").checked && !document.getElementById("Ax").checked){
			document.getElementById("store-left-bot").innerHTML = '';
			document.getElementById("store-left-mobile").innerHTML = '';
		}
	}

/* Valida checkboxes na página Roaming */		
	var y = document.getElementById("Prex");
	if(y!=null){
		if(document.getElementById("Prex").checked || document.getElementById("Posx").checked){
			addMarker("PREPOS");
		} else { removeMarker("PREPOS"); }
		if(document.getElementById("Prex").checked){
			addMarker("PRE");
		} else { removeMarker("PRE"); }
		if(document.getElementById("Posx").checked){
			addMarker("POS");
		} else { removeMarker("POS"); }
		
		if(!document.getElementById("Prex").checked && !document.getElementById("Posx").checked){
			document.getElementById("store-left-bot").innerHTML = '';
			document.getElementById("store-left-mobile").innerHTML = '';
		}
	}
	
	
	google.maps.event.trigger(map, 'idle');
	google.maps.event.trigger(mapMini, 'idle');
	
}

/* Add a marker to the map and push to the array. */
function addMarker(type) {
	
	var markers;
	if(type == 'A') { markers = markersADesktop; }
	if(type == 'E') { markers = markersEDesktop; }
	if(type == 'C') { markers = markersCDesktop; }
	if(type == 'CE'){ markers = markersCEDesktop; }
	if(type == 'PRE') { markers = markersPREDesktop; }
	if(type == 'POS') { markers = markersPOSDesktop; }
	if(type == 'PREPOS') { markers = markersPREPOSDesktop; }
	// To add the marker to the map, call setMap();
	for(marker in markers){
		allMarkersD.push(markers[marker]);
		markers[marker].setMap(map);
	}
	var markers = [];
	if(type == 'A') { markers = markersAMobile; }
	if(type == 'E') { markers = markersEMobile; }
	if(type == 'C') { markers = markersCMobile; }
	if(type == 'CE'){ markers = markersCEMobile; }
	if(type == 'PRE') { markers = markersPREMobile; }
	if(type == 'POS') { markers = markersPOSMobile; }
	if(type == 'PREPOS') { markers = markersPREPOSMobile; }
	
	// To add the marker to the map, call setMap();
	for(marker in markers){
		allMarkersM.push(markers[marker]);
		markers[marker].setMap(mapMini);
	}
	
}

function removeMarker(type){
	var markers;
	if(type == 'A') { markers = markersADesktop; }
	if(type == 'E') { markers = markersEDesktop; }
	if(type == 'C') { markers = markersCDesktop; }
	if(type == 'CE'){ markers = markersCEDesktop; }
	if(type == 'PRE') { markers = markersPREDesktop; }
	if(type == 'POS') { markers = markersPOSDesktop; }
	if(type == 'PREPOS') { markers = markersPREPOSDesktop; }
	for(marker in markers){ markers[marker].setMap(null); }
	
	if(type == 'A') { markers = markersAMobile; }
	if(type == 'E') { markers = markersEMobile; }
	if(type == 'C') { markers = markersCMobile; }
	if(type == 'CE'){ markers = markersCEMobile; }
	if(type == 'PRE') { markers = markersPREMobile; }
	if(type == 'POS') { markers = markersPOSMobile; }
	if(type == 'PREPOS') { markers = markersPREPOSMobile; }
	for(marker in markers){ markers[marker].setMap(null); } 
}

function isDesktop(){
	var wid_mapMini = $("#map-canvas-lojas-mini").width();
	
	if(wid_mapMini == 100){ 
		return true;
	}
	return false;
}

function activeMap(){
	var wid_mapMini = $("#map-canvas-lojas-mini").width();
	if(wid_mapMini == 100){ 
		/*console.log("mapa activo: MAXI");*/ 
		return map;
	}
	//console.log("mapa activo: mini");
	return mapMini;
}



function autocompleteCall(autocomplete,restricted){
	infowindowM.close();
	infowindowD.close();
	var result = autocomplete.getPlace();
	if(typeof result == 'undefined' || typeof result.address_components == 'undefined') {
		// The user pressed enter in the input without selecting a result from the list
		autocompleteService = new google.maps.places.AutocompleteService();
		if(restricted == "1"){
		autocompleteService.getPlacePredictions(
			{
				'input': document.getElementById("texto").value,
				'offset': document.getElementById("texto").value.length,
				// repeat the options for my AutoComplete
				'componentRestrictions': {'country': 'AO'}
			},
			function listentoresult(list, status) {
				if(list == null || list.length == 0) {
					// There are no suggestions available. The user saw an empty list and hit enter.
				} else {
					// Here's the first result that the user saw in the list.
					placesService = new google.maps.places.PlacesService(document.getElementById('texto'));
					placesService.getDetails(
						{'reference': list[0].reference},
						function detailsresult(detailsResult, placesServiceStatus) {
							// Here's the first result in the AutoComplete
							activeMap().setCenter(detailsResult.geometry.location);
							try {
								activeMap().fitBounds(detailsResult.geometry.viewport);
							} catch (err) {
								activeMap().setZoom(15);
							}
						}
					);
				}
			}
		);}
		else {
			autocompleteService.getPlacePredictions(
			{
				'input': document.getElementById("texto").value,
				'offset': document.getElementById("texto").value.length,
				// repeat the options for my AutoComplete
				
			},
			function listentoresult(list, status) {
				if(list == null || list.length == 0) {
					// There are no suggestions available. The user saw an empty list and hit enter.
				} else {
					// Here's the first result that the user saw in the list.
					placesService = new google.maps.places.PlacesService(document.getElementById('texto'));
					placesService.getDetails(
						{'reference': list[0].reference},
						function detailsresult(detailsResult, placesServiceStatus) {
							// Here's the first result in the AutoComplete
							activeMap().setCenter(detailsResult.geometry.location);
							try {
								activeMap().fitBounds(detailsResult.geometry.viewport);
							} catch (err) {
								activeMap().setZoom(6);
							}
						}
					);
				}
			}
		);}
	} else {
		// The user selected a result from the list, we can proceed and use it right away
		activeMap().setCenter(result.geometry.location);
		try {
			activeMap().fitBounds(result.geometry.viewport);
		} catch (err) {
			activeMap().setZoom(15);
		}
	}
	
}

/* Clicou em Pesquisar na Página Lojas, autocomplete com restrição a Angola*/
function clicked(){
	var autocomplete = new google.maps.places.Autocomplete(document.getElementById('texto'));
	var restricted = "1";
	autocompleteCall(autocomplete,restricted);
}

/* Clicou em Pesquisar na Página Roaming, autocomplete sem restrição*/
function clickedRoam(){
	var autocomplete = new google.maps.places.Autocomplete(document.getElementById('texto'));
	var restricted = "0";
	autocompleteCall(autocomplete,restricted);
}

/* Clicou em Perto de Mim */
function nearMe(){
	//console.log("near-me");
	if (navigator.geolocation) {
		navigator.geolocation.getCurrentPosition(getClientPosition,error);
	} else { 
		alert("Geolocation is not supported by this browser.");
	}
	document.getElementById("near-me").blur();
}

function getClientPosition(position){
	activeMap().setCenter(new google.maps.LatLng(position.coords.latitude, position.coords.longitude));
	var myLatlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
	var marker = new google.maps.Marker({
	    position: myLatlng,
	    title:"A minha posição"
	});

	// To add the marker to the map, call setMap();
	marker.setMap(activeMap());
}

function error(err) {
	console.warn('ERROR(' + err.code + '): ' + err.message);
	$("#near-me").removeClass("btn-blue").addClass("disabled");
	document.getElementById("near-me").setAttribute('onclick',"return false;");
}

function GetLocation(address,callback) {
	var geocoder = new google.maps.Geocoder();
	geocoder.geocode({ 'address': address }, function (locations, status) {
		var pos = {};
		if (status == google.maps.GeocoderStatus.OK) {
			pos = ParseLocation(locations[0].geometry.location);
			activeMap().setCenter(locations[0].geometry.location);
			try {
				activeMap().fitBounds(locations[0].geometry.viewport);
			} catch (err) {
				activeMap().setZoom(15);// VER
			}
		}
		else{
				console.log('...GetLocation Error: ' + status);
				pos = {lat: -8.8220369, lng: 13.2437445};
			}
		}
	);
}

function ParseLocation(location) {
	var coordinates = {lat : location.lat().toString().substr(0, 12),
					   lng : location.lng().toString().substr(0, 12)};
	return coordinates;
}

function changedProvincia(j, thhis){
	var municipio = document.getElementById("dropdown-municipio");
	var texto1 = document.getElementById("text-provincia");
	var labelProvincia = document.getElementById("dropdownMenu1");
	var labelMunicipio = document.getElementById("dropdownMenu2");
	labelMunicipio.innerHTML = 'Munic&iacute;pio <span class="caret pull-right"></span>';
	
	if(j == -1) {
		// Desactivar este botao
		labelProvincia.innerHTML = 'Prov&iacute;ncia <span class="caret pull-right"></span>';
		municipio.innerHTML = '';
		texto1.value = "";
		
	} else {
		
		labelProvincia.innerHTML = thhis.textContent +' <span class="caret pull-right"></span>';
		municipio.innerHTML = '<li role="presentation"><a role="menuitem" tabindex="-1" href="#" onclick="changedMunicipio(-1,this); return false;">&nbsp</a></li>'; 
		
		for(i in municipality[j]){
			texto1.value = thhis.textContent;
			municipio.innerHTML += '<li role="presentation"><a role="menuitem" tabindex="-1" href="#" onclick="changedMunicipio('+i+',this); return false;">'+municipality[j][i]+'</a></li>'; 
		}
		
		changeMapCenter(texto1.value,'');
	}
	
	
}

function changedContinente(j, thhis){
	var pais = document.getElementById("dropdown-pais");
	var texto1 = document.getElementById("text-continente");
	var labelContinente = document.getElementById("dropdownMenu1");
	var labelPais = document.getElementById("dropdownMenu2");
	labelPais.innerHTML = 'Pa&iacute;s <span class="caret pull-right"></span>';
	
	if(j == -1) {
		// Desactivar este botao
		labelContinente.innerHTML = 'Continente <span class="caret pull-right"></span>';
		pais.innerHTML = '';
		texto1.value = "";
		
	} else {
		
		labelContinente.innerHTML = thhis.textContent +' <span class="caret pull-right"></span>';
		pais.innerHTML = '<li role="presentation"><a role="menuitem" tabindex="-1" href="#" onclick="changedPais(-1,this); return false;">&nbsp</a></li>'; 
		
		for(i in country[j]){
			
			texto1.value = thhis.textContent;
			pais.innerHTML += '<li role="presentation"><a role="menuitem" tabindex="-1" href="#" onclick="changedPais('+i+',this); return false;">'+country[j][i]+'</a></li>'; 
			
		}
		
		changeMapCenterRoam(texto1.value,'');
	}
	
	
}

function changedMunicipio(i,thhis){
	var labelMunicipio = document.getElementById("dropdownMenu2");
	var texto2 = '';
	if(i == -1) {
		labelMunicipio.innerHTML = 'Munic&iacute;pio <span class="caret pull-right"></span>';
		texto2 = "";
	} else {
		texto2 = thhis.textContent;
		labelMunicipio.innerHTML = thhis.textContent +' <span class="caret pull-right"></span>';
	}
	changeMapCenter(document.getElementById("text-provincia").value,texto2);
}

function changedPais(i,thhis){
	var labelPais = document.getElementById("dropdownMenu2");
	var texto2 = '';
	if(i == -1) {
		labelPais.innerHTML = 'Pa&iacute;s <span class="caret pull-right"></span>';
		texto2 = "";
	} else {
		texto2 = thhis.textContent;
		labelPais.innerHTML = thhis.textContent +' <span class="caret pull-right"></span>';
	}
	changeMapCenterRoam(document.getElementById("text-continente").value,texto2);
}

function showStore(store,url) { // mostra a loja em modo desktop
	
	var iframe = document.getElementById("store-frame");
	if( url == undefined || $("#"+store).hasClass("active")){
		$(".detalhe-loja").addClass("goaway"); 
		$(".desktop .loja").removeClass("active");
		
		setTimeout(function () { 
			iframe.setAttribute('src','');
			$("#detalhe-da-loja").html('<div class="loadingPage"></div>');
		}, 500);
		return;
	}
	if(!$("#"+store).hasClass("active")) {
		$("#detalhe-da-loja").html('<div class="loadingPage"></div>');
		$(".desktop .loja").removeClass("active");
		$("#"+store).addClass("active");
		if(iframe != null){
			iframe.setAttribute('src',url);
			$(".detalhe-loja").removeClass("goaway"); 
		}
	}
}

function showBubble(coords,marker,thhis){
	var lat = coords.split(",")[0];
	var lng = coords.split(",")[1];
	
	
	if(!isDesktop()){ // show map again
		$(".horario").slideDown();
		$(".mobile .loja").removeClass("active");
		$(thhis).addClass("active");
		$('html,body').animate({
			scrollTop: $("#map-canvas-lojas-mini").offset().top},
		'slow');
		
		for(marker in markersCEMobile){
			if(isEqual(markersCEMobile[marker].prop.coords,coords)){
				//console.log("o marker achado é o "+markersCEMobile[marker].title);
				infowindowM.setContent(markersCEMobile[marker].info); infowindowM.open(mapMini,markersCEMobile[marker]);
				return;
			}
		}
		for(marker in markersEMobile){
			if(isEqual(markersEMobile[marker].prop.coords,coords)){
				//console.log("o marker achado é o "+markersEMobile[marker].title);
				infowindowM.setContent(markersEMobile[marker].info); infowindowM.open(mapMini,markersEMobile[marker]);
				return;
			}
		}
		for(marker in markersCMobile){
			if(isEqual(markersCMobile[marker].prop.coords,coords)){
				//console.log("o marker achado é o "+markersCMobile[marker].title);
				infowindowM.setContent(markersCMobile[marker].info); infowindowM.open(mapMini,markersCMobile[marker]);
				return;
			}
		}
		for(marker in markersAMobile){
			if(isEqual(markersAMobile[marker].prop.coords,coords)){
				//console.log("o marker achado é o "+markersAMobile[marker].title);
				infowindowM.setContent(markersAMobile[marker].info); infowindowM.open(mapMini,markersAMobile[marker]);
				return;
			}
		}
		for(marker in markersPREPOSMobile){
			if(isEqual(markersPREPOSMobile[marker].prop.coords,coords)){
				//console.log("o marker achado é o "+markersCEMobile[marker].title);
				infowindowM.setContent(markersPREPOSMobile[marker].info); infowindowM.open(mapMini,markersPREPOSMobile[marker]);
				return;
			}
		}
		for(marker in markersPOSMobile){
			if(isEqual(markersPOSMobile[marker].prop.coords,coords)){
				//console.log("o marker achado é o "+markersCEMobile[marker].title);
				infowindowM.setContent(markersPOSMobile[marker].info); infowindowM.open(mapMini,markersPOSMobile[marker]);
				return;
			}
		}
		for(marker in markersPREMobile){
			if(isEqual(markersPREMobile[marker].prop.coords,coords)){
				//console.log("o marker achado é o "+markersCEMobile[marker].title);
				infowindowM.setContent(markersPREMobile[marker].info); infowindowM.open(mapMini,markersPREMobile[marker]);
				return;
			}
		}
	} else {
		var iframe = document.getElementById("store-frame");
		$(".detalhe-loja").addClass("goaway"); 
		$(".desktop .loja").removeClass("active");
		
		setTimeout(function () { 
			iframe.setAttribute('src','');
			$("#detalhe-da-loja").html('<div class="loadingPage"></div>');
		}, 500);
		
		for(marker in markersCEDesktop){
			if(isEqual(markersCEDesktop[marker].prop.coords,coords)){
				//console.log("o marker achado é o "+markersCEDesktop[marker].title);
				infowindowD.setContent(markersCEDesktop[marker].info); infowindowD.open(map,markersCEDesktop[marker]);
				return;
			}
		}
		for(marker in markersEDesktop){
			if(isEqual(markersEDesktop[marker].prop.coords,coords)){
				//console.log("o marker achado é o "+markersEDesktop[marker].title);
				infowindowD.setContent(markersEDesktop[marker].info); infowindowD.open(map,markersEDesktop[marker]);
				return;
			}
		}
		for(marker in markersCDesktop){
			if(isEqual(markersCDesktop[marker].prop.coords,coords)){
				//console.log("o marker achado é o "+markersCDesktop[marker].title);
				infowindowD.setContent(markersCDesktop[marker].info); infowindowD.open(map,markersCDesktop[marker]);
				return;
			}
		}
		for(marker in markersADesktop){
			if(isEqual(markersADesktop[marker].prop.coords,coords)){
				//console.log("o marker achado é o "+markersADesktop[marker].title);
				infowindowD.setContent(markersADesktop[marker].info); infowindowD.open(map,markersADesktop[marker]);
				return;
			}
		}
		for(marker in markersPREPOSDesktop){
			if(isEqual(markersPREPOSDesktop[marker].prop.coords,coords)){
				//console.log("o marker achado é o "+markersCEMobile[marker].title);
				infowindowD.setContent(markersPREPOSDesktop[marker].info); infowindowD.open(map,markersPREPOSDesktop[marker]);
				return;
			}
		}
		for(marker in markersPOSDesktop){
			if(isEqual(markersPOSDesktop[marker].prop.coords,coords)){
				//console.log("o marker achado é o "+markersCEMobile[marker].title);
				infowindowD.setContent(markersPOSDesktop[marker].info); infowindowD.open(map,markersPOSDesktop[marker]);
				return;
			}
		}
		for(marker in markersPREDesktop){
			if(isEqual(markersPREDesktop[marker].prop.coords,coords)){
				//console.log("o marker achado é o "+markersCEMobile[marker].title);
				infowindowD.setContent(markersPREDesktop[marker].info); infowindowD.open(map,markersPREDesktop[marker]);
				return;
			}
		}
	}
}

function addStoreInfoToLeftBar(marker,id,coords){
	var maindiv = document.getElementById("store-left-bot");
	var detail = "";
	var country_code = "";
	
	if(marker.prop.pre != null || typeof marker.prop.pre != "undefined" || marker.prop.pos != null || typeof marker.prop.pos != "undefined"){
	country_code = '<span>&nbsp;('+ marker.prop.country +')</span>';
	
	if(marker.prop.pos != ''){	
		var servicearray = marker.prop.pos.split(",");
		var servicelist = '<div class="col-xs-6">Pós-Pago<ul>';
		for(i=0;i<servicearray.length;i++){
			servicelist += '<li>'+ servicearray[i] +'</li>';	
			}		
		servicelist += '</ul></div>';
		//detail += servicelist;
	} 
	
	if(marker.prop.pre != ''){
		var servicearray = marker.prop.pre.split(",");
		var servicelist = '<div class="col-xs-6">Pré-Pago<ul>';
		for(i=0;i<servicearray.length;i++){
			servicelist += '<li>'+ servicearray[i] +'</li>';	
			}		
		servicelist += '</ul></div>';
		//detail += servicelist;
	} 
	} else { detail += '<p>'+marker.prop.address+'</p>' ;}
	
	var div = 
	'<div id="'+id+'" class="col-xs-12 loja" onclick="showBubble(\''+coords+'\',\''+marker.array+'\')" >'+
		'<p class="bold">'+ marker.title + country_code +'</p>'+detail+'</div>';
	maindiv.innerHTML += div;	
}

function addStoreInfoToLeftBarMobile(marker){
	var mobilediv = document.getElementById("store-left-mobile");
	var mobileinner2 = '';
	var country_code = '';
	
	if(marker.prop.pre != null || typeof marker.prop.pre != "undefined" || marker.prop.pos != null || typeof marker.prop.pos != "undefined"){
		country_code = '<span>&nbsp;('+ marker.prop.country +')</span>';
		if(marker.prop.pos != ''){
		var servicearray = marker.prop.pos.split(",");
		var servicelist = '<div class="col-xs-6">Pós-Pago<ul>';
		for(i=0;i<servicearray.length;i++){
			servicelist += '<li>'+ servicearray[i] +'</li>';	
			}		
		servicelist += '</ul></div>';
		//mobileinner2 += servicelist;
		}
	if(marker.prop.pre != ''){
		var servicearray = marker.prop.pre.split(",");
		var servicelist = '<div class="col-xs-6">Pré-Pago<ul>';
		for(i=0;i<servicearray.length;i++){
			servicelist += '<li>'+ servicearray[i] +'</li>';	
			}		
		servicelist += '</ul></div>';
		//mobileinner2 += servicelist;
		}
		}else{
			mobileinner2 += '<p>'+ marker.prop.address +'</p>';
		}
		
	var mobileinner = '<div id="m-'+marker.prop.id+'" class="col-xs-12 loja" onclick="showBubble(\''+marker.prop.coords+'\',\''+marker.array+'\',this)">'+
						'<p class="bold">'+ marker.title + country_code+'</p>';
	
	mobileinner += mobileinner2;
	
	mobileinner +=		'<div class="row relative details"><div class="horario">';
	if(!isEqual(marker.prop.hour,'')){
	mobileinner +=		'<div class="s12 bold">HOR&Aacute;RIO DE FUNCIONAMENTO</div>'+
						'<div class="s12 pull-left">'+marker.prop.hour+'</div>';
	}
	if(!isEqual(marker.prop.tel,'')){
	mobileinner +=		'<div class="s12 pull-right">'+
							'<i class="fa fa-phone"></i> <a href="tel:'+marker.prop.tel+'" class="white">'+marker.prop.tel+'</a>'+
						'</div>';
	}
	mobileinner +=	'</div></div></div>';
	mobilediv.innerHTML += mobileinner;
}

function showStoreMobile(store,url) { // mostra a loja em modo mobile
	var iframe = document.getElementById("store-frame");
	iframe.setAttribute('src',url);
	$(".lojas-sidebar, .lojas-lista, .detalhe-loja-mobile").toggle();
	
	$('html,body').animate({
		scrollTop: $(".close-button").offset().top - 20},
	'slow');
	  
}


function closeMobileDetail(){
	$("#detalhe-da-loja-mobile").html('<div id="close-me" class="close-button" onclick="closeMobileDetail();" style="display: none;"><i class="fa fa-chevron-left"></i> Voltar</div><div class="loadingPage"></div>');
	$(".lojas-sidebar, .lojas-lista, .detalhe-loja-mobile").toggle();
	$('html,body').animate({
		scrollTop: $("#map-canvas-lojas-mini").offset().top - 20},
	'slow');
}

/* Open new tab with google maps directions */
function navigateToGoogleMaps(){
	//console.log("A tentar centrar o mapa PERTO DE MIM");
    if (parent.navigator.geolocation) {
    	parent.navigator.geolocation.getCurrentPosition(goToStore,directionsError);
    } else { 
        console.error("Geolocation is not supported by this browser.");
    }
}

function goToStore(position){
	var myLocation = "";
	if(position != null && typeof position != "undefined") {
		myLocation = position.coords.latitude + "," + position.coords.longitude;
	}
	var url = "https://www.google.pt/maps/dir/";
	url += myLocation + ""; // FROM: coordinates from computer location
	url += "/";
	url += document.getElementById('coords').value;// TO: coordinates from store
	url += "/";
	
	var win = window.open(url,"GoogleMaps",'scrollbars=1,height=650,width=1050');
	win.focus();
}
function directionsError(err){
	console.warn('ERROR(' + err.code + '): ' + err.message);
	goToStore();
}