// EInsert.js 
//
//   This Javascript is provided by Mike Williams
//   Community Church Javascript Team
//   http://www.bisphamchurch.org.uk/   
//   http://econym.org.uk/gmap/
//
//   This work is licenced under a Creative Commons Licence
//   http://creativecommons.org/licenses/by/2.0/uk/
//
// Version 0.0 Experimental Version - no transparent PNG support in IE
// Version 0.1 Initial release version - AlphaImageLoader for IE added
// Version 0.2 Wasn't positioning to the centre of the insert correctly
// Version 0.3 Add zindex parameter
// Version 1.0 Add .makeDraggable() [requires API v2.59]
// Version 1.1 18/10/2006 use pane 1 instead of G_MAP_MAP_PANE so as to be above GTileLayerOverlay()s
// Version 1.2 02/04/2007 work with MarkerManager
// Version 1.3 16/05/2007 Add isHidden(), supportsHide(), setImage(), setZindex(), setSize() and setPoint()
// Version 1.4 17/09/2007 Remove direct reference to the "map" variable (thanks to Philippe Matet)
// Version 1.5 21/01/2008 EInsert.groundOverlay()

      function EInsert(point, image, size, basezoom, zindex,id) {
        this.point = point;
        this.image = image;
	this.outimg = image;
	this.overimg = this.image.replace('.png', '_OVER.png');
	this.id = id;
        this.size = size;
        this.basezoom = basezoom;
        this.zindex=zindex||0;
        // Is this IE, if so we need to use AlphaImageLoader
        var agent = navigator.userAgent.toLowerCase();
       
        if ((agent.indexOf("msie") > -1) && (agent.indexOf("opera") < 1)){this.ie = true} else {this.ie = false}
        this.hidden = false;
      } 
      
      EInsert.prototype = new GOverlay();

      EInsert.prototype.initialize = function(map) {
        var div = document.createElement("div");
        div.style.position = "absolute";
        div.style.zIndex=this.zindex;

        if (this.zindex < 0) {
           map.getPane(G_MAP_MAP_PANE).appendChild(div);
        } else {
           map.getPane(G_MAP_FLOAT_PANE).appendChild(div);
        }
        this.map_ = map;
        this.div_ = div;

	var me = this;

	this.doClick = true;

        this.labelBase = $j('#labelBase').val();
        if(!this.labelBase) this.labelBase = 1.2;
        
	if(this.ie) {
	
	GEvent.addDomListener(div, "click", function(event) {
		// HACK - don't trigger click if this is a loaded (highlighted) space. Let the polygon handle everything
		var loaded = $j('#loadedSpaceIds').val();
		if(loaded) {
			loaded = loaded.split(',');
			for(var i=0; i<loaded.length;i++) {
				if(loaded[i]==me.id)
					return false;
			}
		}

		
//  	     	GEvent.trigger(me, "click", event);

		return false;
	
     	});

	/*
	GEvent.addDomListener(div, "mouseout", function(evt) {
		GEvent.trigger(me, "mouseout", evt);
//		me.setImage(me.outimg);

		if(me.ie)
                        $tgt.attr('style', $tgt.attr('style').replace('_OVER', ''));

		return false;
		
        });

	GEvent.addDomListener(div, "mouseover", function(evt) {

		$tgt = $j(evt.target);
		if(me.ie) {
			$tgt.attr('style', $tgt.attr('style').replace('.png', '_OVER.png'));
		}
		
			
                return false;
        });
*/

	}


      }

      
      EInsert.prototype.makeDraggable = function() {
        this.dragZoom_ = this.map_.getZoom();
        this.dragObject = new GDraggableObject(this.div_);
        
        this.dragObject.parent = this;
        
        GEvent.addListener(this.dragObject, "dragstart", function() {
          this.parent.left=this.left;
          this.parent.top=this.top;
        });

      
        GEvent.addListener(this.dragObject, "dragend", function() {
          var pixels = this.parent.map_.fromLatLngToDivPixel(this.parent.point);
          var newpixels = new GPoint(pixels.x + this.left - this.parent.left, pixels.y +this.top -this.parent.top);
          this.parent.point = this.parent.map_.fromDivPixelToLatLng(newpixels);
          this.parent.redraw(true);
          GEvent.trigger(this.parent, "dragend", this.parent.point);
        });    
      }

	
      EInsert.prototype.remove = function() {
        this.div_.parentNode.removeChild(this.div_);
      }

      EInsert.prototype.copy = function() {
        return new EInsert(this.point, this.image, this.size, this.basezoom);
      }

      EInsert.prototype.redraw = function(force) {
       if (force) {
	var p = this.map_.fromLatLngToDivPixel(this.point);
        var z = this.map_.getZoom();
        var scale = Math.pow(this.labelBase,(z - this.basezoom));
	if(scale > 1)
		scale = 1;

        var h=this.size.height * scale;
        var w=this.size.width * scale;

	if(this.ie) {
	if(this.poly) {
		this.map_.removeOverlay(this.poly);
		this.poly = null;
	}
	var l = (p.x - (w/2)-8) ;
	var t = (p.y  - h/2 - 8) ;
	var b = t + h + 11;
	var r = l + w + 11;

	var one = this.map_.fromDivPixelToLatLng(new GPoint(l,t));
	var one1 = this.map_.fromDivPixelToLatLng(new GPoint(l,b));
	var one2 = this.map_.fromDivPixelToLatLng(new GPoint(r,b));
	var one3 = this.map_.fromDivPixelToLatLng(new GPoint(r,t));

//	var poly = new GPolygon([one,one1, one2,one3,one], '#000000', 5, .2, '#0000FF', .2);
	var poly = new GPolygon([one,one1, one2,one3,one], '#000000', 0, 0, '#000000', 0);
	this.poly = poly;
	var me = this;
	GEvent.addListener(poly, "mouseover", function() {
		
		 $j(me.div_).find('div').attr('style', $j(me.div_).find('div').attr('style').replace('.png', '_OVER.png'));


	
	});
	
        GEvent.addListener(poly, "mouseout", function() {
		 $j(me.div_).find('div').attr('style', $j(me.div_).find('div').attr('style').replace('_OVER', ''));
	});

	GEvent.addListener(poly, "click", function() {
	//	$j(me.div_).find('div').trigger('click');		
		GEvent.trigger(me, "click", event);
		return false;
	});

	hq.map.gMap.addOverlay(poly);
	
	}
        this.div_.style.left = (p.x - w/2) + "px";
        this.div_.style.top = (p.y - h/2) + "px";

        if (this.ie ) {
          var loader = "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.image+"', sizingMethod='scale');";

		$j(this.div_).html('<div style="height:' +h+ 'px; width:'+w+'px; ' +loader+ '" ></div>');
		
		
  //        this.div_.innerHTML = '<div style="height:' +h+ 'px; width:'+w+'px; ' +loader+ '" ></div>';
        } else {
		$j(this.div_).html('<img style="height:' +h+ 'px; width:'+w+'px;" src="' +this.image+ '"  width='+w+' height='+h+' />');
    //      this.div_.innerHTML = '<img src="' +this.image+ '"  width='+w+' height='+h+' />';
        }

      // Only draggable if current zoom = the initial zoom
        if (this.dragObject) {
          if (z != this.dragZoom_) {this.dragObject.disable();}
        }
        
       } 
      }

      EInsert.prototype.show = function() {
        this.div_.style.display="";
        this.hidden = false;
	if(this.poly)
		this.poly.show();
      }
      
      EInsert.prototype.hide = function() {
        this.div_.style.display="none";
        this.hidden = true;
	if(this.poly)
		this.poly.hide();
      }
      
      EInsert.prototype.getPoint = function() {
        return this.point;
      }

      EInsert.prototype.supportsHide = function() {
        return true;
      }

      EInsert.prototype.isHidden = function() {
        return this.hidden;
      }
      
      EInsert.prototype.setPoint = function(a) {
        this.point = a;
        this.redraw(true);
      }

      EInsert.prototype.setImage = function(a) {
        this.image = a;
        this.redraw(true);
      }
      
      EInsert.prototype.setZindex = function(a) {
        this.div_.style.zIndex=a;
      }

      EInsert.prototype.setSize = function(a) {
        this.size = a;
        this.redraw(true);
      }

      EInsert.groundOverlay = function(image, bounds, zIndex, proj,z) {
        var proj = proj||G_NORMAL_MAP.getProjection();              
        var z = z||17;
        var sw = proj.fromLatLngToPixel(bounds.getSouthWest(),z);
        var ne = proj.fromLatLngToPixel(bounds.getNorthEast(),z);
        var cPixel = new GPoint((sw.x+ne.x)/2, (sw.y+ne.y)/2);
        var c = proj.fromPixelToLatLng(cPixel,z);
        var s = new GSize(ne.x-sw.x, sw.y-ne.y);
        return new EInsert(c, image, s, z, zIndex);
      }