{html_head}
{* $Id: info_deroulante.tpl 3723 2009-08-07 04:53:38Z rvelices $ *}

{known_script id="jquery.cluetip" src=$ROOT_URL|@cat:"template-common/lib/plugins/jquery.cluetip.js"}


<script type="text/javascript">
jQuery().ready(
  function(){ldelim}
  jQuery('.cluetip').cluetip({ldelim}
    width: 300,
    splitTitle: '|'
   }
  );
 }
);
</script>

{if $lat}
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key={$GMAPS_API_KEY}&amp;hl={$lang_info.code}" type="text/javascript"></script>
 
<script src="plugins/rv_gmaps/template/windows_13/javascripts/prototype.js" type="text/javascript"></script>


<style type="text/css">{literal}

#map2{    
left:0px;
 width:250px
}
#mapPicture{ 

width:100px ;
 border:outset;
 height:100px;
}
#map{ float:left;
 top:20px;
 right:0px;
  width:500px;
  height:500px;
 border:outset;
}


{/literal}
</style>
{/if}
{/html_head}

<fieldset>
  <legend>{'Display options'|@translate}</legend>
  <table ><td class="cluetip" title="{'set'|translate}|{'hlp_line1'|@translate}." align="left"  >
<form>
Set:
<select onchange="document.location = this.options[this.selectedIndex].value;"   >
  <optgroup label="Specials">
    {html_options options=$specials}
  </optgroup>
  <optgroup label="{'Categories'|@translate}">
  	{html_options options=$categories selected=$categories_selected}
  </optgroup>
  <!-- <optgroup label="{'Tags'|@translate}"></optgroup> -->
</select>
</form>
</td>
<td   > {'hlp_line2'|@translate} </td>

</table>


  <p>{'elements per page'|@translate}:
      <a href="{$U_DISPLAY}&amp;display=20">20</a>
    | <a href="{$U_DISPLAY}&amp;display=50">50</a>
    | <a href="{$U_DISPLAY}&amp;display=100">100</a>
    | <a href="{$U_DISPLAY}&amp;display=all">{'all'|@translate}</a>
  </p>
</fieldset>


<form action="" method="post" id="Envoie" name="Envoie"   >

<fieldset>
	<legend>{'Elements'|@translate}</legend>

	<div class="navigationBar">{$NAV_BAR}</div>
  {if not empty($thumbnails)}
	<ul class="thumbnails">
		{foreach from=$thumbnails item=thumbnail}
		<li><span class="wrap1">
			<label>
				<span class="wrap2"><span>
					<img src="{$thumbnail.U_TN}" alt="{$thumbnail.file}" title="{$thumbnail.TITLE}" class="thumbnail" />
				</span></span>
				<input type="checkbox" name="selection[]" value="{$thumbnail.id}" />
			</label>

			<span class="thumbLegend">
			{if isset($thumbnail.U_MAP)}
			<a href="{$thumbnail.U_MAP}" target="_blank">{$thumbnail.lat},{$thumbnail.lon}</a>
			{/if}
			</span>

			</span>
		</li>
		{/foreach}
	</ul>
	{/if}
</fieldset>

<!--/===================================================================================-->

<fieldset>
<legend>{'map'|@translate}</legend>
 
<input class="cluetip" title="{'selection'|@translate}|{'hlp_line3'|@translate}." type="submit" name="submit" value="{'selection'|@translate}" />
<input class="cluetip" title="{'reset'|@translate}|{'hlp_line4'|@translate}."  type="submit" name="submit" value="{'reset'|@translate}" /><br />

<input class="cluetip" title="{'search_title'|@translate}|{'hlp_line6'|@translate}."  type="submit" name="submit" value="{'search_title'|@translate}" />
<input class="cluetip" title="{'lieu'|@translate}|{'hlp_line5'|@translate}." type="text" size="70"   value="{$match}"  name="match"    />
{if $lat}
<div id="map"></div>
{if not empty($Selectthumbnails)}
	<ul class="thumbnails">
		{foreach from=$Selectthumbnails item=thumbnail}
		 
			<li><span class="wrap1">
				<label>
					<span class="wrap2"><span>
						<img src="{$thumbnail.U_TN}" alt="{$thumbnail.file}" title="{$thumbnail.TITLE}" class="thumbnail" />
					</span>
					
					</span>
					<br/>
</label>
				<input type="hidden"  value={$thumbnail.id}  name="selection[]"    />
				
				
				
				<span class="thumbLegend">
				{if isset($thumbnail.U_MAP)}
					<a href="{$thumbnail.U_MAP}" target="_blank">{$thumbnail.lat},{$thumbnail.lon}</a>
				{/if}
				{$thumbnail.file}  
				</span>

				</span>
			</li>
			
		{/foreach}
	</ul>
	{/if}

 <script src="dragzoom.js" type="text/javascript"></script>
<script type="text/javascript">

{literal}
 //<![<!--CDATA[

var	 controleMiniCarte ;
function ajoutControle(newZoom){

if (newZoom < 5) return ;

 var vt1=typeof(controleMiniCarte) ;
if (vt1=="undefined"   ) {

  controleMiniCarte = new google.maps.OverviewMapControl(new google.maps.Size(300,200));
  controleMiniCarte.setMapType(G_PHYSICAL_MAP);
  map.addControl(controleMiniCarte);
  
      }  
} 	
function onLoad()
{
  if (!GBrowserIsCompatible())   return;
  var mapElement = document.getElementById("map");
  var map = new GMap2(document.getElementById("map"),{mapTypes: [G_SATELLITE_MAP,G_HYBRID_MAP,G_NORMAL_MAP,G_PHYSICAL_MAP,G_SATELLITE_3D_MAP]});
  	map.addControl(new GLargeMapControl3D());
  
  map.addControl(new GMapTypeControl());
  map.addControl(new GScaleControl());
<!--  map.enableScrollWheelZoom();-->
<!--  map.enableDoubleClickZoom();-->
{/literal}
{if isset($lat)}{/if}
var coord = new GLatLng( {$lat}, {$lon} );

  Ma_position=coord;
  var echelle=18; 
if ({$lat}=='49' && {$lon}=='3' )   echelle=4; 
  
  map.setCenter( coord, echelle);

   var marker = new GMarker(coord,  {ldelim} draggable: true});
  

  
  map.addOverlay(marker);

{literal}
  if ( !map.isLoaded() )
    map.setCenter( new GLatLng(49,3), 4);
  try {
    // the overview must be added after setting map center
    //var ovcontrol = new GOverviewMapControl(new GSize(165,165));
	//map.addControl(ovcontrol);

//	var ov_map = ovcontrol.getOverviewMap();
	    GEvent.addListener(map, "zoomend", function() { 
		     var	newZoom = map.getZoom();
 	         ajoutControle(newZoom);
			} );
		GEvent.addListener(map, 'maptypechanged', function(){
		 
		if (typeof(controleMiniCarte)=="undefined"   ) return;
			 	var ov_map = controleMiniCarte.getOverviewMap();
			ov_map.setMapType(map.getCurrentMapType());
			 
			
		});
		
  }
  catch(e){ alert( e.message ); }
 
GEvent.addListener(marker, "dragstart", function(overlay,latlng) {
   marker.closeInfoWindow(); 
		});
		
GEvent.addListener(marker, "dragend", function() {
var latlng = marker.getPoint();

  /*          var myHtml = "Nouvelle position:"+  "<input    type=\"text\" name=\"lat\" value="+latlng.lat()+" /><input   type=\"text\" name=\"lon\" value="+latlng.lng()+" /> ";	
             map.openInfoWindow(latlng, myHtml);	
*/
 				document.Envoie.lat.value=latlng.lat() ;
				document.Envoie.lon.value=latlng.lng() ; 
  }); 
GEvent.addListener(map,"click", function(overlay,latlng)
            {
 if (overlay) { return; }
            var myHtml = "<input    type=\"text\" name=\"lat\" value="+latlng.lat()+" /><input   type=\"text\" name=\"lon\" value="+latlng.lng()+" /> ";	
             map.openInfoWindow(latlng, myHtml);	

		{/literal}
				document.Envoie.lat.value=latlng.lat() ;
				document.Envoie.lon.value=latlng.lng() ;

				
				


		{literal}	
            }
			);
			 
				 

  

}

function blowupUrl(theUrl)
{
  var win = new Window({
    title: document.title,
    url: theUrl,
    classname: "alphacube",
    left: 0, top: 0,
    width:"640", height:"480",
    minimizable: false,
    maximizable: false,
    draggable: false,
    resizable: false,
    destroyOnClose: true,
    hideEffect: Element.hide,
    showEffectOptions: {duration:1.5}
  });

  win.setConstraint(true, {top:20, left:20, bottom:30, right:20} );
  win.maximize();
  win.showCenter(true, 20, 20);
 
  return false;
}

function $(element) {
  if (arguments.length > 1) {
    for (var i = 0, elements = [], length = arguments.length; i < length; i++)
      elements.push($(arguments[i]));
    return elements;
  }
  if (Object.isString(element))
    element = document.getElementById(element);
  return Element.extend(element);
}

 Event.observe(window, 'load', onLoad ); 
 Event.observe(window, 'unload', GUnload ); 
//]-->]>
{/literal}
 
</script>

{/if}

</fieldset>


<fieldset>
  <legend>{'Form'|@translate}</legend>

 
  <label>Latitude (-90=S to 90=N)
    <input type="text" size="8" value="{$lat}"  name="lat" />
  </label>
  <label>Longitude (-180=E to 180=W)
    <input type="text" size="9"value="{$lon}"  name="lon"  />
  </label>
  
  <p>
    {'target'|@translate}
    <label><input type="radio" name="target" value="all" /> {'all'|@translate}</label>
    <label><input type="radio" name="target" value="selection" checked="checked" /> {'selection'|@translate}</label>
  </p>

  <p><input class="submit" type="submit" value="{'Submit'|@translate}" name="submit" {$tag_input_enabled} /></p>
</fieldset>

</form>