//
//  Load Google to find the property location
//
window.addEvent('domready',function(){/*{{{*/
	var popup = new Element('div',{'id':'noticepopup'}).injectAfter($('captchawhy'));/*{{{*/
	$('captchawhy').addEvent('click',function(e){
		e = new Event(e).stop();
		popNotice('captchawhy');
	});
	function popNotice(msg) {
		popup.empty();
		new Ajax('/aj/popNotice/',{
			'method':'get',
			'data': {'popNotice':msg},
			'update': popup,
			'evalScripts':true
		}).request();
	}/*}}}*/
	$('findLocation').setStyle('display','block');
	/* company details only show if company selected from dropdown */
	if ($defined($('propertySubmitterCompany'))) {/*{{{*/
		var cdetails = $('propertySubmitterCompanyDiv');
		cdetails.setStyle('display','none');
	}/*}}}*/
	if ($defined($('propertySubmitterType'))) {/*{{{*/
		$('propertySubmitterType').addEvent('change',function() {
			var val = $('propertySubmitterType').value;
			if (val == 'Company') {
				cdetails.setStyle('display','block');
			} else {
				cdetails.setStyle('display','none');
			}
		});
	}/*}}}*/
	if ($defined($('propertyOwnerDetailsContainer'))) {/*{{{*/
		var odetails = $('propertyOwnerDetailsContainer');
		odetails.setStyle('display','none');
	}/*}}}*/
	if ($defined($('propertySubmitterHolder'))) {/*{{{*/
		$('propertySubmitterHolder').addEvent('change', function() {
			var val = $('propertySubmitterHolder').selectedIndex;
			if (val==2||val==3) {
				odetails.setStyle('display','block');
			} else {
				odetails.setStyle('display','none');
			}
		});
	}/*}}}*/
	initMapLoader();
	function initMapLoader() {/*{{{*/
		$$('#findLocation a').each(function(item){
			item.addEvent('click',function(e){
				e = new Event(e).stop();
				new  Ajax('/aj/propertyMap/',{
					'method': 'get',
					'update': 'findLocation',
					'evalScripts': true,
					'onComplete': function(){
						window.fireEvent('ajmapload');
					}
				}).request();
			});
		});
	}/*}}}*/
	var mapviewer, route_finder, route, loading;
	var location_widget, overview_widget, pan_zoom_widget, map_type_widget;

	$('propertyFormSubmit').addEvent('click',function(e){
		e = new Event(e).stop();
		if ($('propertyLatLong').value == '') {
			gcode = new MMFactory.createGeocoder(processGeoCode);
			var address = new MMAddress();
			var property = $('propertyAddress').value.replace(/,/,'').split("\n");
			address.qs = property[0]+' '+property[1]+' '+property[2]+' '+$('propertyPostcode').value;
			address.country_code = 'UK';
			gcode.geocode(address);
			return false;
		}
		$('propertyForm').submit();
	});
	function processGeoCode() {/*{{{*/
		// if an error occurred, inform the user
		if (gcode.error_code && gcode.error_code != 'MM_GEOCODE_MULTIPLE_MATCHES') {
			popNotice('badAddress');
			return false;
		}
		results = gcode.result_set;

		if (gcode.error_code == 'MM_GEOCODE_MULTIPLE_MATCHES') {
			popNotice('multipleAddress');
		} else {
			$('propertyLatLong').value = results[0].coords;
			$('propertyForm').submit();
		}
	}/*}}}*/
	window.addEvent('ajmapload',function() {/*{{{*/
		$$('#findLocationClose a').each(function(item){/*{{{*/
			item.addEvent('click',function(e){
				e = new Event(e).stop();
				$('findLocation').setHTML('<a href="" class="buttonlink" style="margin-left:20px;">Click here to find the exact location on a map &#187;</a>');
				initMapLoader();
			});
		});/*}}}*/
		var max_zindex = 1000;
		var markers = new Array();

		// Geocoding functions
				
		var geocoder = new google.maps.Geocoder();
		
		function geocodePosition(pos) {
		  geocoder.geocode({
			latLng: pos
		  }, function(responses) {
			if (responses && responses.length > 0) {
			  updateMarkerAddress(responses[0].formatted_address.replace(/, /g,"\n"));
			  //updateMarkerPostcode(responses[0].formatted_address.address_components);
			} else {
			  updateMarkerAddress('Cannot determine address at this location. Please check the marker on the map.');
			}
		  });
		}
		
		function updateMarkerStatus(str) {
		  document.getElementById('propertyName').innerHTML = str;
		}
		
		function updateMarkerPosition(latLng) {
		  document.getElementById('propertyLatLong').value = [
			latLng.lat(),
			latLng.lng()
		  ].join(', ');
		}
		
		function updateMarkerAddress(str) {
		  document.getElementById('propertyAddress').innerHTML = str;
		}
		
		function updateMarkerPostcode(str) {
		  document.getElementById('propertyPostcode').innerHTML = str;
		}
			
		
		//add the map
		var latLng = new google.maps.LatLng(52.7740486,-2.4101883);
		var opt = {center: latLng,zoom: 5, mapTypeId: google.maps.MapTypeId.HYBRID};
		var mapviewer = new google.maps.Map(document.getElementById("mapviewer"), opt);		
		
		//add a marker
		var marker = new google.maps.Marker({
		  position: latLng, 
		  map: mapviewer,
		  animation: google.maps.Animation.BOUNCE,
		  draggable: false,
		  title:"Here be dragons"
	  	});
	  
	  
	    // Update current position info.
		  updateMarkerPosition(latLng);
		  geocodePosition(latLng);
		  
		  // Add dragging event listeners.
		  google.maps.event.addListener(marker, 'dragstart', function() {
			updateMarkerAddress('Dragging...');
		  });
		  
		  google.maps.event.addListener(marker, 'drag', function() {
			updateMarkerStatus('Dragging...');
			updateMarkerPosition(marker.getPosition());
		  });
		  
		  google.maps.event.addListener(marker, 'dragend', function() {
			updateMarkerStatus('Drag ended');
			updateMarkerPosition(marker.getPosition());
			geocodePosition(marker.getPosition());
		  });
		  
		  
		   google.maps.event.addListener(mapviewer, 'bounds_changed', function() {
		   var mapCenter = mapviewer.getCenter();
		   	marker.setPosition(mapCenter);
		   	updateMarkerPosition(marker.getPosition());
			geocodePosition(marker.getPosition());
    		
			});



	  
		
		var funcRef = resultsLoaded;
		route_finder = MMFactory.createRouteRequester(funcRef,mapviewer);
		if ($defined($('propertyLatLong'))) {
		//	mapviewer.addEventHandler('contextMenu',onContextMenu);
		//	mapviewer.addEventHandler('click',onClick);
			if ($('propertyLatLong').value == '') {
				geocoder = MMFactory.createGeocoder(processResults);
				var address = new MMAddress();
				address.qs = $('propertyAddress').value.replace(/,\n/g,"\n").replace(/\n/g,' ')+' '+$('propertyPostcode').value;
				address.country_code = 'UK';
				geocoder.geocode(address);
			} else {
				var loc = $('propertyLatLong').value.replace(/[()]/g,'').split(/,/);
				pos = new google.maps.LatLng(loc[0],loc[1]);
				mapviewer.panTo ( pos );
				markProperty(pos);
			}
		}

		function onContextMenu (type,target,menu,pos,step) {/*{{{*/
			items = [ { label: 'Mark Property', onclick: function() { markProperty(pos); menu.remove(); }, className: 'MMaddmarker'} ];
			menu.addItemsJSON( items );
		}/*}}}*/
		function onClick (type,target,pos,map) {/*{{{*/
			markProperty(pos);
		}/*}}}*/

		function processResults() {/*{{{*/
			// if an error occurred, inform the user
			if (geocoder.error_code && geocoder.error_code != 'MM_GEOCODE_MULTIPLE_MATCHES') {
				return false;
			}
			results = geocoder.result_set;
			var ol = document.createElement('ol');

			//loop through the result set
			for (var count=0; count < results.length; count++) {
				var address = results[count].address;
				var li = document.createElement('li');
				//add a link for each result
				var anchor = document.createElement('a');

				anchor.href = '#';
				anchor.result_count = count;
				anchor.onclick = function () { moveToResult(this.result_count); return false; };
				anchor.appendChild(document.createTextNode(address.display_name));
				li.appendChild(anchor);
				ol.appendChild(li);

				//add a marker for each result
				//FIXMEvar marker = mapviewer.createMarker(results[count], { 'label' : address.display_name, 'text' : (count+1) });
				markers.push(marker);
			}

			$('results_panel').appendChild(ol);

			//if there were multiple matches, display all the results
			if (geocoder.error_code == 'MM_GEOCODE_MULTIPLE_MATCHES') {
				var location = mapviewer.getAutoScaleLocation( markers );
				mapviewer.goToPosition( location ); 

			//otherwise show the only match at the optimal zoom factor
			} else {
				mapviewer.goToPosition( results[0] );
			}
		}/*}}}*/

		function moveToResult (count) {/*{{{*/
			//move the map specified location and open the info box
			mapviewer.goToPosition(results[count]);
			markers[count].openInfoBox();
		}/*}}}*/

		function markProperty(pos) {/*{{{*/

			// add icon
			//mapviewer.removeAllOverlays();
//			marker.setPosition(pos);
// 			var icon = new MMIcon( '/ui/propertyfinder/propertyMarker.png' );
// 			icon.iconSize = new MMDimensions( 32, 32 );
// 			icon.iconAnchor = new MMPoint( 16, 16 );
// 			var label = $('propertyName').value?$('propertyName').value:'New Property';
// 			var marker = mapviewer.createMarker ( pos,{'label': label, 'icon':icon, 'inert':true} );
// 			var html = '';
// 			html += '<div class="mapbox">'+label+'</div>';
// 
// 			marker.setInfoBoxContent(html);
// 			mapviewer.zoom( 1 );
// 			mapviewer.goToPosition ( new MMLocation ( pos ));
// 			var loca = location_widget.getLocationInfo();
// 			$('propertyLatLong').value = pos.toString();
// 			var addr = loca.name.replace(/^\s+|\s+$/g, '');
// 			if (loca.admin1 != '') addr+='\n'+loca.admin1.replace(/^\s+|\s+$/g, '');
// 			if (loca.admin2 != '') addr+='\n'+loca.admin2.replace(/^\s+|\s+$/g, '');
// 			$('propertyAddress').value = addr;
// 			callRoute(pos);
		}/*}}}*/

	 function callRoute(pos) {/*{{{*/
		 var loc = pos.toString().replace(/[()]/g,'').split(/,/);
		 var locations = new Array();
		 locations[0] = new MMLatLon(loc[0]*1,loc[1]*1);
		 locations[1] = new MMLatLon(loc[0]*1,loc[1]*1+0.0001);
		 route = new MMRoute(locations);
		 route_finder.request(route);
	 }/*}}}*/
	 function resultsLoaded() {/*{{{*/
		 if(route.error_code) {
			 alert(route.error_code + ':' + route.error_explanation);
		 } else {
			 displaySteps(route);
		 }
	 }/*}}}*/
	 function displaySteps(route) {/*{{{*/
		 var stages = route.stages;
		 var steps = stages[0].steps;
		 var roadname =  (steps[0].road_name)?steps[0].road_name:'Unknown Road';
		 $('propertyAddress').value =  roadname.replace(/^\s+|\s+$/g, '')+"\n"+$('propertyAddress').value;
	 }/*}}}*/
			
		function addLocation(num, locations) {/*{{{*/
			var qs = document.getElementById('qs' + num);
			var country_code = document.getElementById('country_code' + num);
			var select =  document.getElementById('select' + num);
			var address = new MMAddress();
			address.qs = qs.value;
			address.country_code = country_code.value;
			locations.push(new MMLocation(address));
		}     /*}}}*/
			
		function cleanMultipleMatches(num) {/*{{{*/
			var qs = document.getElementById('qs' + num);
			var select = document.getElementById('select' + num);
			var addr = document.getElementById('addr' + num);
			var matches = document.getElementById('matches' + num); 
		 
			while (select.firstChild) {
				select.removeChild(select.firstChild);
			}
			qs.value = '';
			matches.style.display = 'none';
			addr.style.display = 'block'; 
		}     /*}}}*/

		function processGeocodingErrors (errors) {/*{{{*/
			for (var i = 0; i < errors.length; i++) {
				if (errors[i].error_code == 'MM_GEOCODE_NO_MATCHES') {
					alert('No matching locations for Location ' + errors[i].input_id);
				} else if (errors[i].error_code == 'MM_GEOCODE_MULTIPLE_MATCHES') {
					var select  = document.getElementById('select' + errors[i].input_id);

					for (var j = 0; j < errors[i].results.length; j++) {
					var displayName = errors[i].results[j].address.display_name;
					var point = errors[i].results[j].coords; 
					var option = document.createElement('option');
					option.value = point.lat + ',' +point.lon; 
					option.appendChild(document.createTextNode(displayName));
					select.appendChild(option);
					select.selectedIndex=0; 
					}

				document.getElementById('matches' + errors[i].input_id).style.display = 'block';
				document.getElementById('addr' + errors[i].input_id).style.display = 'none';
				}
			}
		}	/*}}}*/
	});/*}}}*/
});/*}}}*/