//<![CDATA[

function getAbsoluteLeft(o) {
  var oLeft = o.offsetLeft;       // Get left position from the parent object
  var oParent;
  var o;
  while(o.offsetParent!=null) {   // Parse the parent hierarchy up to the document element
    oParent = o.offsetParent      // Get parent object reference
    oLeft += oParent.offsetLeft   // Add parent left position
    o = oParent
  }
  return oLeft
}

function getAbsoluteTop(o) {
  var oTop = o.offsetTop;         // Get top position from the parent object
  var oParent;
  var o;
  while(o.offsetParent!=null) {   // Parse the parent hierarchy up to the document element
    oParent = o.offsetParent      // Get parent object reference
    oTop += oParent.offsetTop     // Add parent top position
    o = oParent
  }
  return oTop
}


function GxMarkerNamespace() {

	var n4=(document.layers);
	var n6=(document.getElementById&&!document.all);
	var ie=(document.all);
	var o6=(navigator.appName.indexOf("Opera") != -1);
	var safari=(navigator.userAgent.indexOf("Safari") != -1);
	var currentSpan = new GBounds();

	function setCursor( container, cursor ) {
	try {
	  container.style.cursor = cursor;
	}
	catch ( c ) {
	  if ( cursor == "pointer" )
	    setCursor("hand");
	}
	};

	/*
	the given tooltip html is wrapped in an unstyled div for display (none|block).
	styling informations must be provided in the given html (no implicit classes anymore).
	*/
	function GxMarker( a, b, tooltipHtml ) {
	  this.inheritFrom = GMarker;
	  this.inheritFrom(a,b);
	  if ( !currentSpan.minX || a.x < currentSpan.minX ) currentSpan.minX = a.x;
	  if ( !currentSpan.maxX || a.x > currentSpan.maxX ) currentSpan.maxX = a.x;
	  if ( !currentSpan.minY || a.y < currentSpan.minY ) currentSpan.minY = a.y;
	  if ( !currentSpan.maxY || a.y > currentSpan.maxY ) currentSpan.maxY = a.y;
	  if ( typeof tooltipHtml != "undefined" ) {
	      this.setTooltip( tooltipHtml );
	  }
	}

	GxMarker.prototype = new GMarker(new GLatLng(1, 1));

	GxMarker.prototype.setTooltip = function( string ) {
	  this.removeTooltip();

	  this.tooltip = new Object();
	  // krob: quite ugly in our case
	  this.tooltip.opacity = 100;
	  this.tooltip.contents = string;
	};

	GxMarker.prototype.initialize = function( a ) {
	  try {
		  //alert('ha!');
	    GMarker.prototype.initialize.call(this, a);
	    // Setup the mouse over/out events (TODO: bindDom)
	    GEvent.addListener(this, "mouseover", this.onMouseOver);
	    GEvent.addListener(this, "mouseout", this.onMouseOut);
	    this.map = a;
		  //alert('ha!');
	  } catch(e) {
			  console.error(e);
	  }
	}

	GxMarker.prototype.setCursor = function( cursor ) {
	  var c = this.iconImage;
	  // Use the image map for Firefox/Mozilla browsers
	  if ( n6 && this.icon.imageMap && !safari) {
	      c = this.imageMap;
	  }
	  // If we have a transparent icon, use that instead of the main image
	  else if ( this.transparentIcon && typeof this.transparentIcon != "undefined" ) {
	      c = this.transparentIcon;
	  }
	}

	GxMarker.prototype.remove = function( a ) {
	  GMarker.prototype.remove.call(this);
	  this.removeTooltip();
	}

	GxMarker.prototype.removeTooltip = function() {
	if ( this.tooltipElement ) {
	  try {
	    // krob: working on document
	    document.body.removeChild(this.tooltipElement);
	  } catch(e) {
	    console.error(e);
	  }
	  this.tooltipElement = null;
	}
	}

	GxMarker.prototype.onInfoWindowOpen = function() {
	  this.hideTooltip();
	  GMarker.prototype.onInfoWindowOpen.call(this);
	}

	GxMarker.prototype.onMouseOver = function() {
	  this.showTooltip();
	  
	  // krob: triggered only inline
	  // GEvent.trigger(this, "mouseover");
	};

	GxMarker.prototype.onMouseOut = function() {
	  this.hideTooltip();
	  // krob: triggered only inline
	  // GEvent.trigger(this, "mouseout");
	};

	GxMarker.prototype.showTooltip = function() {
	if ( this.tooltip ) {
	  if ( !this.tooltipElement ) {
	    var opacity = this.tooltip.opacity / 100;
	    this.tooltipElement = document.createElement("div");
	    this.tooltipElement.style.display    = "none";
	    this.tooltipElement.style.position   = "absolute";
	    this.tooltipElement.style.background = "#fff";
	    this.tooltipElement.style.padding    = "0";
	    this.tooltipElement.style.margin     = "0";
	    this.tooltipElement.style.MozOpacity = opacity;
	    this.tooltipElement.style.filter     = "alpha(opacity=" + this.tooltip.opacity + ")";
	    this.tooltipElement.style.opacity    = opacity;
	    this.tooltipElement.style.zIndex     = 50000;
	    this.tooltipElement.innerHTML        = this.tooltip.contents;

	    // krob: working on document
	    document.body.appendChild(this.tooltipElement);
		  }

	  markerPosition = calculateMarkerPosition(this.map, this.getPoint());
		  try {
		  this.tooltipElement.style.top  = markerPosition.top  - ( this.getIcon().iconAnchor.y + 0 ) + "px";
		  this.tooltipElement.style.left = markerPosition.left + ( this.getIcon().iconSize.width - this.getIcon().iconAnchor.x - 5 ) + "px";
	    this.tooltipElement.style.display = "block";
		  } catch(e) {
			  console.error(e);
		  }
	}
	}

	function calculateMarkerPosition(map, markerLatLngPoint) {
	// krob: handle map movements
	gmapTopLeftLatLng = map.fromContainerPixelToLatLng(new GPoint(0,0));
	gmapTopLeftPixel  = map.fromLatLngToDivPixel(gmapTopLeftLatLng);
	myMarkerDivPixel  = map.fromLatLngToDivPixel(markerLatLngPoint);

	markerTop  = getAbsoluteTop(map.getContainer())  - gmapTopLeftPixel.y + myMarkerDivPixel.y;
	markerLeft = getAbsoluteLeft(map.getContainer()) - gmapTopLeftPixel.x + myMarkerDivPixel.x;

	return {top:markerTop, left:markerLeft};
	}

	GxMarker.prototype.hideTooltip = function() {
	  if ( this.tooltipElement ) {
	      this.tooltipElement.style.display = "none";
	  }
	}

	function makeInterface(a) {
	  var b = a || window;
	  b.GxMarker = GxMarker;
	}

	makeInterface();
	}
var RDSOMap = {
		  the_map: null,
		  the_bounds: null,

		  map: function() {
		    if (this.the_map == null) this.the_map = new GMap2($('gmap'));
		    return this.the_map;
		  },

		  bounds: function() {
		    if (this.the_bounds == null) this.the_bounds = new GLatLngBounds();
		    return this.the_bounds;
		  },

		  init: function(mapControl, latitude, longitude, zoom) {
		    if (mapControl == 'Small') {
		      this.map().addControl(new GSmallMapControl());
		      this.map().addControl(new GMapTypeControl(true));
		      this.map().getContainer().style.overflow="hidden";
		    } else if(mapControl == 'SmallZoom'){
		      this.map().addControl(new GSmallZoomControl());
		      this.map().getContainer().style.overflow="hidden";
		    } else {
		      this.map().addControl(new GLargeMapControl());
		      this.map().addControl(new GMapTypeControl());
		    }


		    if(latitude && longitude && zoom){
		      var center = new GLatLng(latitude, longitude)
		      this.map().setCenter(center, zoom);
		    }
		    else{
		      var center = new GLatLng(0, 0);
		      this.map().setCenter(center);
		    }

		  },

		  addYouAreHere: function(html, url, latitude, longitude) {
		    var point = new GLatLng(latitude, longitude);
		    this.map().addOverlay(this.createURHereMarker(point, html, url));

		    this.bounds().extend(point);
		  },

		  setZoomAndCenter: function(level) {
		    var center = this.bounds().getCenter();
		    this.map().setCenter(center);
		    this.map().setZoom(level);
		  },


		  addPlace: function(html, url, latitude, longitude) {
		    var point = new GLatLng(latitude, longitude);
		    if (/L'TUR/.test(html)) {
		      this.map().addOverlay(this.createLturMarker(point, html, url));
		    } else {
		      this.map().addOverlay(this.createMarker(point, html, url));
		    }
		    this.bounds().extend(point);
		  },

		  addGreyedPlace: function(html, url, latitude, longitude) {
		    var point = new GLatLng(latitude, longitude);
		    this.map().addOverlay(this.createGreyedMarker(point, html, url));

		    this.bounds().extend(point);
		  },

		  addGreyedPlaceWithNumber: function(html, url, latitude, longitude, number) {
		    var point = new GLatLng(latitude, longitude);
		    this.map().addOverlay(this.createGreyedMarkerWithNumber(point, html, url, number));

		    this.bounds().extend(point);
		  },

		  createURHereMarker: function(point, html, url) {
		    var icon = new GIcon();
		    icon.image = "http://assets.qype.com/images/icn_map_location.png";
		    icon.iconSize = new GSize(33, 33);
		    icon.iconAnchor = new GPoint(13, 22);
		    icon.infoWindowAnchor = new GPoint(13, 22);

		    var marker = new GxMarker(point, icon, html);

		    return marker;
		  },

		  createMarker: function(point, html, url) {
		    var icon = new GIcon();
		    icon.image = RDSO.GOOGLE_GREYED_MARKER_PNG;
		    icon.printImage = RDSO.GOOGLE_GREYED_MARKER_GIF;
		    /*icon.mozPrintImage = RDSO.GOOGLE_GREYED_MARKER_GIF;*/
		    //icon.shadow = "/images/google_marker_shadow.png";
		    icon.iconSize = new GSize(25, 46); // c celui la pour changer la taille de l'image
		    icon.shadowSize = new GSize(23, 38);
		    icon.iconAnchor = new GPoint(7, 35);
		    icon.infoWindowAnchor = new GPoint(13, 22);
//alert(html);
		    var marker = new GxMarker(point, icon, html);

		    if (url)
		      GEvent.addListener(marker, "click", function() {
		        window.location = url;
		      });

		    return marker;
		  },

		  createGreyedMarker: function(point, html, url) {
		    var icon = new GIcon();
		    icon.image = RDSO.GOOGLE_MARKER_PNG;
		    icon.printImage = RDSO.GOOGLE_MARKER_GIF;
		    icon.mozPrintImage = RDSO.GOOGLE_MARKER_GIF;
		    //icon.shadow = "/images/google_marker_shadow.png";
		    icon.iconSize = new GSize(35, 70);
		    icon.shadowSize = new GSize(23, 38);
		    icon.iconAnchor = new GPoint(7, 35);
		    icon.infoWindowAnchor = new GPoint(13, 22);

		    var marker = new GxMarker(point, icon, html);

		    if (url) GEvent.addListener(marker, "click", function() {
		      window.location = url;
		    });

		    return marker;
		  },

		  createGreyedMarkerWithNumber: function(point, html, url, number) {
		    var icon = new GIcon();
		    icon.image = "http://assets.qype.com/images/google_greyed_marker_" + number + ".png";
		    //icon.shadow = "/images/google_marker_shadow.png";
		    icon.iconSize = new GSize(35, 29);
		    icon.shadowSize = new GSize(35, 29);
		    icon.iconAnchor = new GPoint(13, 28);
		    icon.infoWindowAnchor = new GPoint(35, 29);

		    var marker = new GxMarker(point, icon, html);

		    if (url) GEvent.addListener(marker, "click", function() {
		      window.location = url;
		    });

		    return marker;
		  },

		  createLturMarker: function(point, html, url) {
		    var icon = new GIcon();
		    icon.image = "http://assets.qype.com/images/ltur_marker.gif";
		    icon.printImage = "http://assets.qype.com/images/ltur_marker.gif";
		    icon.mozPrintImage = "http://assets.qype.com/images/ltur_marker.gif";
		    icon.iconSize = new GSize(23, 28);
		    icon.shadowSize = new GSize(23, 28);
		    icon.iconAnchor = new GPoint(9, 28);
		    icon.infoWindowAnchor = new GPoint(13, 22);

		    var marker = new GxMarker(point, icon, html);

		    if (url)
		      GEvent.addListener(marker, "click", function() {
		        window.location = url;
		      });

		    return marker;
		  },

		  addDraggablePlace: function(latitude, longitude, geo_status_code, manually_chosen_location_status) {
		    this.clear();
		    var point = new GLatLng(latitude, longitude);
		    var marker = new GMarker(point, {
		      draggable: true
		    });

		    RDSOMap.set_geo_coordinates(point, geo_status_code);

		    GEvent.addListener(marker, "dragend", function() {
		      point = marker.getPoint();
		      RDSOMap.set_geo_coordinates(point, manually_chosen_location_status);
		    });

		    this.map().addOverlay(marker);
		    this.bounds().extend(point);
		  },

		  registerListeners: function(manually_chosen_location_status) {
		    GEvent.addListener(this.map(), "click", function(marker, point){
		      if (!marker) {
		        status_to_set = manually_chosen_location_status;
		        RDSOMap.addDraggablePlace(point.lat(),point.lng(), status_to_set, manually_chosen_location_status);
		        enableMarkerReset();
		      }
		    });
		  },

		  set_geo_coordinates: function(point, geo_status_code) {
		    $('place_latitude').value = point.lat();
		    $('place_longitude').value = point.lng();
		    $('place_geo_status_code').value = geo_status_code;
		  },

		  setCenter: function(latitude, longitude, zoom) {
		    this.map().setCenter(new GLatLng(latitude,longitude),zoom);
		  },

		  centerAndZoom: function() {
		    var bounds = this.bounds();
		    var center = bounds.getCenter();

		    this.map().setCenter(center);
		    var zoom = Math.min(this.map().getBoundsZoomLevel(this.bounds()), 15);
		    this.map().setZoom(zoom);

		  },

		  clear: function() {
		    this.map().clearOverlays();
		    this.the_bounds = null;
		  }
		}


				
var RDSO = {};
RDSO.GOOGLE_JUMPER = "static/images/poc-poc.gif";
RDSO.GOOGLE_GREYED_MARKER_PNG = "static/images/poc.png";

var GMapDetail = {};
Object.extend(GMapDetail, RDSOMap);
Object.extend(GMapDetail, {
  
  max_zoom: 17,
  all_markers: new Array(),
  highlighted_marker: null,
  aktive_marker: null,  
    
  init: function(mapControl, latitude, longitude, zoom) {
    if (mapControl == 'Small') {
      this.map().addControl(new GSmallMapControl());
    } 
    else {
      this.map().addControl(new GLargeMapControl());
      this.map().addControl(new GMapTypeControl());
    }  
      
    if(latitude && longitude && zoom){
      var center = new GLatLng(latitude, longitude)
      this.map().setCenter(center, zoom);
    }
    else{
      var center = new GLatLng(0, 0);
      this.map().setCenter(center);
    }
  },
  
  addPlace: function(html, url, latitude, longitude, place_id, greyed) {
    var point  = new GLatLng(latitude, longitude);
    if (greyed == 'true') {
      var marker = this.createGreyedMarker(point, html, url);
    } else if (/L'TUR/.test(html)) {
      var marker = this.createLturMarker(point, html, url);
    } else {
      var marker = this.createMarker(point, html, url);
    }
    this.map().addOverlay(marker);
    this.all_markers[place_id+''] = marker;
    this.bounds().extend(point);
  },
  
  highlightPlace: function(place_id){
    var marker = this.all_markers[place_id+''];
    if(marker) {
      this.highlighted_marker = this.createGreyedJumber(marker.getPoint(), '', '');
      this.map().addOverlay(this.highlighted_marker);
      this.aktive_marker = marker;
      this.map().removeOverlay(marker);
    }
  },
  unhighlightPlace: function(){
    if(this.highlighted_marker){
      this.map().removeOverlay(this.highlighted_marker);
      this.highlighted_marker = null;
    }
    if(this.aktive_marker){
      this.map().addOverlay(this.aktive_marker);
      this.aktive_marker = null;
    }
  },
  
  createGreyedJumber: function(point, html, url) {
    var icon = new GIcon();
    icon.image = RDSO.GOOGLE_JUMPER;
    icon.iconSize = new GSize(25, 46);
    icon.shadowSize = new GSize(25, 46);
/*    icon.iconAnchor = new GPoint(8, 57);*/
    icon.iconAnchor = new GPoint(7, 35);
    icon.infoWindowAnchor = new GPoint(13, 22);

    var marker = new GxMarker(point, icon, html);

    if (url) GEvent.addListener(marker, "click", function() {
      window.location = url;
    });
    
    return marker;
  },
  
  createGreenIcon: function(){
    var icon = new GIcon();
    icon.image = RDSO.GOOGLE_MARKER_PNG;
    icon.iconSize = new GSize(23, 38);
    icon.shadowSize = new GSize(23, 38);
    icon.iconAnchor = new GPoint(13, 22);
    icon.infoWindowAnchor = new GPoint(13, 22);
    return icon;
  },
  createGreyIcon: function(){
    var icon = new GIcon();
    icon.image = RDSO.GOOGLE_GREYED_MARKER_PNG;
    icon.iconSize = new GSize(35, 70);
    icon.shadowSize = new GSize(23, 38);
    icon.iconAnchor = new GPoint(13, 22);
    icon.infoWindowAnchor = new GPoint(13, 22);
    return icon;
  },
  clear: function() {
    this.map().clearOverlays();
    this.the_bounds = null;
    this.all_markers = new Array();
  }
});
    GxMarkerNamespace();

    //]]>