{if #debug#}
	(<span
		style="cursor:pointer; border-bottom:1px dotted;"
		id="S_{$documentEditor->document()->document_id}"
		onclick="console.log($('#H_{$documentEditor->document()->document_id} textarea').html()); event.stopPropagation();"
	>?</span>)
	<div
		id="H_{$documentEditor->document()->document_id}"
		style="display:none;"
	><textarea>{print_r($documentEditor->document()->get_dump(), true)}</textarea></div>
{/if}

<div style="width:100%; height:; margin:1em;" id="map_{$documentEditor->document()->document_id}">
	<div style="margin-bottom:1em;">
		<input style=" width: 418px;" type="text" class="geocode_input"><button class="geocodebtn">Найти</button>
	</div>
	<div style="float:left; width:60%;">
		<div id="gmap_{$documentEditor->document()->document_id}" style="width:100%; height:400px;"></div>
	</div>
	<div style="float:right; width:40%;">
		<div style="margin-left:1em;">
			<div>Метка:
				<input style=" width: 80px; margin-left: 44px;" type="text"
					   name="P_{$documentEditor->document()->document_id}_{$LAT->get_docprop_descr()}_0"
					   id="C_{$documentEditor->document()->document_id}_lat"
					   value="{$LAT->get_value()}">
				<input style=" width: 80px;" type="text"
					   name="P_{$documentEditor->document()->document_id}_{$LNG->get_docprop_descr()}_0"
					   id="C_{$documentEditor->document()->document_id}_lng"
					   value="{$LNG->get_value()}">
			</div>
			<div>Центр карты:&nbsp;<input style=" width: 80px;" type="text"
					   name="P_{$documentEditor->document()->document_id}_{$MAPLAT->get_docprop_descr()}_0"
					   id="C_{$documentEditor->document()->document_id}_maplat"
					   value="{$MAPLAT->get_value()}"
					   >
				<input style=" width: 80px;" type="text"
					   name="P_{$documentEditor->document()->document_id}_{$MAPLNG->get_docprop_descr()}_0"
					   id="C_{$documentEditor->document()->document_id}_maplng"
					   value="{$MAPLNG->get_value()}"
					   >
			</div>
			<div>Масштаб:
				<input style=" width: 40px; margin-left: 26px;" type="text"
					   name="P_{$documentEditor->document()->document_id}_{$MAPZOOM->get_docprop_descr()}_0"
					   id="C_{$documentEditor->document()->document_id}_mapzoom"
					   value="{$MAPZOOM->get_value()}">
			</div>
			<br/>
			<div>Наименование объекта на карте:
			
					<input style=" width: 265px;" class="balloon" type="text"
					   name="P_{$documentEditor->document()->document_id}_{$NAME->get_docprop_descr()}_0"
					   id="C_{$documentEditor->document()->document_id}_name"
					   value="{$NAME->get_value()}">
			</div>
			<div>Описание адреса на карте :
				<textarea cols="35" rows="3" class="balloon" name="P_{$documentEditor->document()->document_id}_{$ADDRESS->get_docprop_descr()}_0"
					   id="C_{$documentEditor->document()->document_id}_address">{$ADDRESS->get_value()}</textarea>
				
			</div>
			<div>Описание объекта на карте:
				<textarea cols="35" rows="5"class="balloon" name="P_{$documentEditor->document()->document_id}_{$DESCRIPTION->get_docprop_descr()}_0"
					   id="C_{$documentEditor->document()->document_id}_description">{$DESCRIPTION->get_value()}</textarea>

			</div>
			<div>Телефон:
				<input style=" width: 265px;" class="balloon" type="text"
					   name="P_{$documentEditor->document()->document_id}_{$PHONE->get_docprop_descr()}_0"
					   id="C_{$documentEditor->document()->document_id}_phone"
					   value="{$PHONE->get_value()}">
			</div>
		</div>
	</div>
	<div style="clear:both;"></div>
	<div style="display: none;">
		<div id="balloncnt"></div>
	</div>
</div>

<script type="text/javascript">

function initgm_{$documentEditor->document()->document_id}()
{

	var div = '#map_{$documentEditor->document()->document_id}';
	var myLatlng = new google.maps.LatLng(
		'{$MAPLAT->get_value()}',
		'{$MAPLNG->get_value()}'
	);
	var myOptions = {
		zoom: {if {$MAPZOOM->get_value()}}{$MAPZOOM->get_value()}{else}0{/if},
		center: myLatlng,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	var gmap = new google.maps.Map(
		document.getElementById('gmap_{$documentEditor->document()->document_id}'),
		myOptions
	);
	var marker = new google.maps.Marker({
		map: gmap,
		position: new google.maps.LatLng(
			'{$LAT->get_value()}',
			'{$LNG->get_value()}'
		),
		flat: true,
		draggable: true
	});
	
	var gmapInfo = new google.maps.InfoWindow({
		content: ''
	});
	google.maps.event.addListener(gmap, 'center_changed', function() {
		$(div + ' #C_{$documentEditor->document()->document_id}_maplat').val(this.getCenter().lat());
		$(div + ' #C_{$documentEditor->document()->document_id}_maplng').val(this.getCenter().lng());
	});
	google.maps.event.addListener(gmap, 'zoom_changed', function() {
		$(div + ' #C_{$documentEditor->document()->document_id}_mapzoom').val(this.getZoom());
	});
	google.maps.event.addListener(marker, 'position_changed', function() {
		$(div + ' #C_{$documentEditor->document()->document_id}_lat').val(this.getPosition().lat());
		$(div + ' #C_{$documentEditor->document()->document_id}_lng').val(this.getPosition().lng());
	});
	google.maps.event.addListener(marker, 'click', function() {
		gmapInfo.close();
		updateBaloonContent();
		gmapInfo.open(gmap, marker);
	});
	var geocoder = new google.maps.Geocoder();
	$(div + ' .geocodebtn').bind('click', function codeAddress()
	{
		geocoder.geocode({
				'address': $(div + ' .geocode_input').val()
			},
			function (results, status) {
				if (status == google.maps.GeocoderStatus.OK) {
					gmap.setCenter(results[0].geometry.location);
					marker.setPosition(results[0].geometry.location);
				} else {
					alert("Geocode was not successful for the following reason: " + status);
				}
			}
		);
		return false;
	});
	var updateBaloonContent = function () {
		var d = '<div style="font-size:12px;">' +
			'<p>Назвние: ' + $(div + ' #C_{$documentEditor->document()->document_id}_name').val() + '</p>'+
			'<p>Описание: ' + $(div + ' #C_{$documentEditor->document()->document_id}_description').val() + '</p>'+
			'<p>Адрес: ' + $(div + ' #C_{$documentEditor->document()->document_id}_address').val() + '</p>'+
			'<p>Телефон: ' + $(div + ' #C_{$documentEditor->document()->document_id}_phone').val() + '</p>'+
			'</div>';
		gmapInfo.setContent(d);
	}
}

</script>

<script language="javascript" type="text/javascript">
try {
	if (typeof(google)!='undefined' && typeof(google.maps)!='undefined') {
		initgm_{$documentEditor->document()->document_id}();
	} else {
		var script = document.createElement("script");
		script.type = "text/javascript";
		script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initgm_{$documentEditor->document()->document_id}";
		document.body.appendChild(script);
	}
} catch (err) {
}
</script>