//-------------------------------
//  Admin/Geoloc.rhtml
//-------------------------------
var polys = [];
var labels = [];
var ids = [];

function createZone(_eid,_zid,_label,_color,_points,_point){
	var label  = _label;
	var colour = _color;
	var points = _points;
	var pts = [];
	var bound = new GLatLngBounds()
	for (var i = 0; i < points.length; i++) {
		pts[i] = new GLatLng(parseFloat(points[i][1]),parseFloat(points[i][0]));
		bound.extend(pts[i]);
	}
	var poly = new GPolygon(pts,"#000000",1,1,colour,0.5,{clickable:false});
	polys.push(poly);
	labels.push(label);
	ids.push(_zid);
	if (_point!=0) map.addOverlay(poly);
	poly.Bound = bound;

	if (_point!=0 && poly.Bound.contains(_point)) {
		if (poly.Contains(_point)){
			new Ajax.Updater('update_zones','/admin/etablissements/ajax_setzone?etab_id='+_eid+'&zone_id='+_zid+')', {asynchronous:false,insertion:'after'});
		}
	}
	
}

function drawZone(_map,_points){
	var points = _points;
	var pts = [];
	var bound = new GLatLngBounds()
	for (var i = 0; i < points.length; i++) {
		pts[i] = new GLatLng(parseFloat(points[i][1]),parseFloat(points[i][0]));
		bound.extend(pts[i]);
	}
	var poly = new GPolygon(pts,"#000000",1,1,"#B9331C",0.5,{clickable:false});
	_map.addOverlay(poly);
	poly.Bound = bound;
	_map.setZoom(_map.getBoundsZoomLevel(bound)-1);
	_map.setCenter(bound.getCenter());
	
}

function mapClickEvent(overlay,point) {
  var T1 = new Date();
  if (!overlay) {
    for (var i=0; i<polys.length; i++) {
      if (polys[i].Bound.contains(point)) {
        if (polys[i].Contains(point)) {
          var area = polys[i].Area()/1000000;
          var sqmiles = area/2.58998811;
          var T2 = new Date();
          map.openInfoWindowHtml(point,"You clicked on "+labels[i]+"<br>The area of "+labels[i]+" is "+parseInt(area) +" sq km.<br>"
              //+" sq km.<br>that's "+parseInt(sqmiles)+" square miles<br>"
              +"Its boundary is "+parseInt(polys[i].Distance()/1609.344)+" miles long"
              +"<hr>Time taken = "+(T2.getTime()-T1.getTime())+" milliseconds");
        }
      }
    }
  }
}

function isInZone(id,lat,lon,name){
	for (var i=0; i<polys.length; i++) {
		var pt = new GLatLng(lat,lon);
		if (polys[i].Bound.contains(pt)) {
			if (polys[i].Contains(pt)) {
				url = '/home/ajax_setzone?etab_id='+id+'&zone_id='+ids[i]+')';
				new Ajax.Updater('update_random',url, {asynchronous:false,insertion:'after'});
			}
		}
	}	
}

function setGooglemap(){
	new Ajax.Request('/home/setgooglemap',{
		asynchronous:false, evalScripts:false, 
		onComplete:function(request){setTimeout('window.location.reload()',500);}
		}
	);
	return true;
}


//-------------------------------
//  Front-End
//-------------------------------


function createMarker(point,html) {
  var marker = new GMarker(point);
  GEvent.addListener(marker, "click", function() {   marker.openInfoWindowHtml(html);  });
  GEvent.addListener(marker,"mouseover", function() {  marker.openInfoWindowHtml(html); });        
  return marker;
}

function createMarker2(point,html,pic) {
  var custIcon = new GIcon(G_DEFAULT_ICON);
  custIcon.iconSize = new GSize(30, 30);
  custIcon.shadowSize = new GSize(0, 0);
  custIcon.iconAnchor = new GPoint(0, 0);
  var myIcons = [];
  myIcons['picto_fete.png'] 			= new GIcon(custIcon, '/images/public/picto_fete_gmap.png');
  myIcons['picto_hotels.png'] 			= new GIcon(custIcon, '/images/public/picto_hotels_gmap.png');
  myIcons['picto_info.png'] 			= new GIcon(custIcon, '/images/public/picto_info_gmap.png');
  myIcons['picto_magasin.png'] 			= new GIcon(custIcon, '/images/public/picto_magasin_gmap.png');
  myIcons['picto_monuments.png'] 		= new GIcon(custIcon, '/images/public/picto_monuments_gmap.png');
  myIcons['picto_panier_gourmand.png'] 	= new GIcon(custIcon, '/images/public/picto_panier_gourmand_gmap.png');
  myIcons['picto_plage.png'] 			= new GIcon(custIcon, '/images/public/picto_plage_gmap.png');
  myIcons['picto_restaurant.png'] 		= new GIcon(custIcon, '/images/public/picto_restaurant_gmap.png');
  myIcons['picto_salles.png'] 			= new GIcon(custIcon, '/images/public/picto_salles_gmap.png');
  myIcons['picto_voyage.png'] 			= new GIcon(custIcon, '/images/public/picto_voyage_gmap.png');
  myIcons['picto_rien'] 				= new GIcon(custIcon, '/images/public/picto_rien_gmap.png');


  var marker = new GMarker(point, { icon: myIcons[pic]});
  GEvent.addListener(marker, "click", function() {   marker.openInfoWindowHtml(html);  });
  GEvent.addListener(marker,"mouseover", function() {  marker.openInfoWindowHtml(html); });        
  return marker;
}

function createZoneFront(_zid,_label,_color,_points){
	var label  = _label;
	var colour = _color;
	var points = _points;
	var pts = [];
	var bound = new GLatLngBounds()
	for (var i = 0; i < points.length; i++) {
		pts[i] = new GLatLng(parseFloat(points[i][1]),parseFloat(points[i][0]));
		bound.extend(pts[i]);
	}
	var poly = new GPolygon(pts,"#000000",1,1,colour,0.5,{clickable:false});
	polys.push(poly);
	labels.push(label);
	ids.push(_zid);
	map.addOverlay(poly);
	poly.Bound = bound;
}

//-------------------------------
//  DESSINE TA REGION
//-------------------------------

//http://www.firstbasesolutions.com/polytest.html
//http://gmaps-utility-library-dev.googlecode.com/svn/trunk/geometrycontrols/examples/test.html
//http://www.birdtheme.org/useful/editkmlfile.php
//http://www.geocodezip.com/PolygonEnableEditing.asp
//http://googlemapsapi.blogspot.com/2008/05/love-my-maps-use-its-line-and-shape.html

var COLORS = [["red", "#ff0000"], ["orange", "#ff8800"], ["green","#008000"],["blue", "#000080"], ["purple", "#800080"]];
var options = {};
var lineCounter_ = 0;
var shapeCounter_ = 0;
var markerCounter_ = 0;
var colorIndex_ = 0;
var featureTable_;
var map;

function select(buttonId) {
  document.getElementById("hand_b").className="unselected";
  document.getElementById("shape_b").className="unselected";
  document.getElementById(buttonId).className="selected";
}

function stopEditing() {
  select("hand_b");
}

function getColor(named) {
  return COLORS[(colorIndex_++) % COLORS.length][named ? 0 : 1];
}

function getIcon(color) {
  var icon = new GIcon();
  icon.image = "http://google.com/mapfiles/ms/micons/" + color + ".png";
  icon.iconSize = new GSize(32, 32);
  icon.iconAnchor = new GPoint(15, 32);
  return icon;
}

function startShape() {
  select("shape_b");
  var color = getColor(false);
  var polygon = new GPolygon([], color, 2, 0.7, color, 0.2);
  startDrawing(polygon, "Shape " + (++shapeCounter_), function() {
    var cell = this;
    var area = polygon.getArea();
  }, color);
}

function addFeatureEntry(poly) {
	var s="";
	var mapBounds=poly.getVertexCount();
	for(var i=0; i<mapBounds; i++){
		glatlon = poly.getVertex(i)
		s+= glatlon.lng() +","+ glatlon.lat() + "\r"+"\n";
	};
	$('mapzone_coordinates').value=s;
	$('contactform').show();
	return {}
}

function startDrawing(poly, name, onUpdate, color) {
  map.addOverlay(poly);
  poly.enableDrawing(options);
  poly.enableEditing({onEvent: "mouseover"});
  poly.disableEditing({onEvent: "mouseout"});
  GEvent.addListener(poly, "endline", function() {
    select("hand_b");
    var cells = addFeatureEntry(poly );
    GEvent.bind(poly, "lineupdated", cells, onUpdate);
    GEvent.addListener(poly, "click", function(latlng, index) {
      if (typeof index == "number") {
        poly.deleteVertex(index);
      } else {
        var newColor = getColor(false);
        poly.setStrokeStyle({color: newColor, weight: 4});
      }
  
    });
  });
}