/**
 ************************** NOTE: V3 ONLY *********************
 * @name TipTool
 * @author Esa
 * @copyright (c) 2009 Esa I Ojala
 * @fileoverview TipTool is an extension to Gmaps api v3 for creating divs as custom tooltip assistants.
 * Facilities to attach TipTool to Markers. Control by mouseover/mouseout.
 */

/*
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *     http://www.apache.org/licenses/LICENSE-2.0
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

 /**
 * @version 0.1
 * 0.1 first release
 */
//var TIPTOOL_VERSION = "0.1";



/**
 * @constructor TipTool()
 * @extends OverlayView
 * @param {Map} map The map where the TipTool shall be overlayed
 * @param {LatLng} point The location where the TipTool shall be overlayed
 * @param {Object} opt_options Optional object. 
 */
function TipTool(map, point, opt_options) {
  this.opts = opt_options || {};
  this.point = point;
  this.setMap(map);
  this.map = map;
};

//subclass of OverlayView()
TipTool.prototype = new google.maps.OverlayView();

/**
 * onAdd(). Called internally by API when added on map. 
 * to be called just once
 */
TipTool.prototype.onAdd = function() {
  this.div_ = document.createElement('div');
  this.div_.style.position = "absolute";
  this.div_.style.overflow = "hidden";
  this.zIndex = this.opts.zIndex || 0;
  //this.div_.className = this.opts.cssClass || this.opts.className || 'tiptool';
  //this.div_.innerHTML = this.opts.html || "";
  /*google.maps.event.addDomListener(this.div_, "click", function(event) {
    google.maps.event.trigger(me, "click", event);
  });*/
  var panes = this.getPanes();
  var paneId = this.opts.pane || "floatPane";
  panes[paneId].appendChild(this.div_);
  //this.div_.style.filter = 'alpha(opacity:' + this.opacity*100 + ')';
  //this.div_.style.opacity = this.opacity;
}
 
/**
 * called internally by API when map moves.
 */
TipTool.prototype.draw = function() {  
  var pixPoint = this.getProjection().fromLatLngToDivPixel(this.point); 
  this.div_.style.left = (pixPoint.x - 130) + 'px';
  this.div_.style.top = (pixPoint.y + 20) + 'px';
  var SEx = pixPoint.x + this.div_.offsetWidth;
  var SEy = pixPoint.y + this.div_.offsetHeight;
  var pixSE = new google.maps.Point(SEx, SEy);
  this.opts.SE = this.getProjection().fromDivPixelToLatLng(pixSE);
  this.opts.point = this.point;
};

/**
 * Sets latLng position of tooltip
 * @param {LatLng} point The location where the TipTool shall be moved
 */

TipTool.prototype.setPosition = function(pint) {
  if(!this.div_) return false;
  this.point = pint;
  this.draw();
  return true;
};
/**
 * Removes the div from DOM
 * @returns true if success, false if the div was not found
 */
TipTool.prototype.onRemove = function() {
  if(!this.div_) return false;
  this.div_.parentNode.removeChild(this.div_);
  this.div_ = null;
  return true;
};
/**
 * Sets the div display:none
 * @returns true if success, false if the div was not found
 */
TipTool.prototype.hide = function() {
  if(!this.div_) return false;
  this.div_.style.display = "none";
  return true;
};
/**
 * Sets the div display: block
 * @returns true if success, false if the div was not found
 */
TipTool.prototype.show = function() {
  if(!this.div_) return false;
  this.div_.style.display = "block";
  return true;
};

/**
 * Sets innerHTML of the div
 * @param {String}
 * @returns true if success, false if the div was not found
 */
TipTool.prototype.setContent = function(html) {
  if(!this.div_) return false;
  this.div_.innerHTML = html;
  return true;
};

/**
 * Copies properties of given options object to internal this.opts
 * @param optional object
 * @returns the updated internal this.opts object
 */
TipTool.prototype.props = function(options) {  // needs work for more properties
  var opts = options || {};
  for(var prop in opts){
    this.opts[prop] = opts[prop];
  }
  return this.opts;
};
/**
 * @returns The location of the div
 * @type LatLng object (null if the div was not found)
 */
TipTool.prototype.getPosition = function() {
  if(!this.div_) return null;
  return this.bounds_.getCenter();
};
/**
 * @returns True if TipTool is in viewport
 * @type boolean
 */
TipTool.prototype.isVisible = function() {
  var bounds = this.map.getBounds();
  var visible = (bounds.contains(this.opts.point) && bounds.contains(this.opts.SE));
  return visible;
};
/**
 * pans map to bring TipTool in viewport
 */
TipTool.prototype.bringVisible = function() {
  if(this.isVisible()){
    this.map.setCenter(this.map.getCenter());
  }else{
    this.map.panTo(this.opts.point);            
  }
};



/**
 * attachTipTool() binds TipTool to a Marker 
 * Creates an InfoWindow instance if it does not exist already 
 * @extends Marker
 * @param InfoWindow options
 * @author Esa 2009
 */

google.maps.Marker.prototype.attachTipTool = function (html, opt_options){
  var map_ = this.getMap();
  var position = this.getPosition();
  map_.tiptool_ = map_.tiptool_ || new TipTool(map_, position, opt_options);  // todo
  google.maps.event.addListener(this, 'mouseover', function () { 
    map_.tiptool_.setPosition(position); 
    map_.tiptool_.setContent(html); 
    map_.tiptool_.show();
    clearTimeout(map_.tiptool_.timer);
  });
  google.maps.event.addListener(this, 'mouseout', function () {
    clearTimeout(map_.tiptool_.timer);
    map_.tiptool_.timer = setTimeout(function(){
      map_.tiptool_.hide();
    }, 200);
  });
}