var styleStr = '';
	styleStr += '<style>';
	styleStr += '.MDR_labelStyle {background: #FFFF40;font: bold 10px verdana;text-align: left;border: 1px solid gray;width: 180px;padding: 2px;}';
	styleStr += '.Instr_labelStyle {background: #0a0;font: bold 10px verdana;text-align: left;border: 1px solid gray;width: 180px;padding: 2px;}';
	styleStr += '</style>';
	styleStr += '<script src="' + cripURL + '"></script>';
	document.write(styleStr);

// custom - custom listener for draw on Gmaps 09/05/2009.
    var mdListener;
    var mmListener;
// end custom

// custom - number click on Gmaps 11/05/2009.
    var numClick = 1;
// end custom


MPolyDragControl = function(MOptions) {
	MOptions = MOptions ? MOptions : {};
	this.type = MOptions.type ? MOptions.type : 'rectangle';
	this.map = MOptions.map ? MOptions.map : null;
	
    this.startMes = MOptions.startMes ? MOptions.startMes : null;
    this.endMes = MOptions.endMes ? MOptions.endMes : null;
    this.mesArea = MOptions.mesArea ? MOptions.mesArea : null;    
    this.imgURL = MOptions.imgURL ? MOptions.imgURL : null;
	this.unitDivisor = 2589988.11;
	this.initialize()
};


MPolyDragControl.prototype.initialize = function() {
	this.self = this;
	this.polyInitialized = false;
	this.bounds = null;
	// remove default listener 09/05/2009.
	//this.addListener();

	this.radius;
	this.circleCenter;

	this.dragMarker0;
	this.dragMarker1;

	var baseIcon = new GIcon();
	baseIcon.iconSize = new GSize(11,11);
	baseIcon.iconAnchor = new GPoint(6,6);
	baseIcon.infoWindowAnchor = new GPoint(1,1);
	baseIcon.dragCrossSize = new GSize(0,0);
	baseIcon.maxHeight = 0.1;
	this.polyEditIcon = (new GIcon(baseIcon, this.imgURL));


	this.floatingLabel = new ELabel(this.map.getCenter(), 'Label text', 'MDR_labelStyle',new GSize(10,20));
	this.floatingLabel.hide();
	this.map.addOverlay(this.floatingLabel);
	
	// custom - add elabel for mouse move event when drawing shape 12/05/2009. 
	
	this.InstructionDrawMessage = this.startMes;
	
    this.InstructionDrawLabel = new ELabel(this.map.getCenter(), this.InstructionDrawMessage, 'Instr_labelStyle',new GSize(10,20));
    this.InstructionDrawLabel.hide();
    this.map.addOverlay(this.InstructionDrawLabel);
    
    // end custom
    
};


MPolyDragControl.prototype.addListener = function(latlon) {
	var self = this.self;
	mdListener = GEvent.addListener(this.map,'click',function(a,b,c){self.mapClick(b)});
	//this.map.getDragObject().setDraggableCursor('crosshair');
}
// custom - function to remove custom listener on Gmap 09/05/2009.
MPolyDragControl.prototype.removeListener = function() {
	var self = this.self;
	if(mdListener)
	    GEvent.removeListener(mdListener);
}
// end custom

MPolyDragControl.prototype.mapClick = function(latlon) {
	var self = this.self;
	
	if(numClick > 1)
    {
        self.removeMouseMoveListener();
	    self.dragMarker1 = new GMarker(latlon,{icon:self.polyEditIcon,draggable:true,bouncy:false,dragCrossMove:true});
	    self.map.addOverlay(self.dragMarker1);

	    GEvent.addListener(self.dragMarker0,'dragstart',function(){self.dragStart(this)});
	    GEvent.addListener(self.dragMarker0,'drag',function(){self.drag(this)});
	    GEvent.addListener(self.dragMarker0,'dragend',function(){self.dragEnd(this)});

	    GEvent.addListener(self.dragMarker1,'dragstart',function(){self.dragStart(this)});
	    GEvent.addListener(self.dragMarker1,'drag',function(){self.drag(this)});
	    GEvent.addListener(self.dragMarker1,'dragend',function(){self.dragEnd(this)});
        if (self.type == 'circle') {
		    self.updateCircle();
	    }
	    else if (self.type == 'rectangle') {
		    self.updateRectangle();
	    }
    	numClick = 1;
    	this.InstructionDrawMessage = this.startMes;
	    self.removeListener();
        this.map.getDragObject().setDraggableCursor('auto');
    }
    else
    {
	    self.clear();
	    this.InstructionDrawMessage = this.endMes;
        self.dragMarker0 = new GMarker(latlon,{icon:self.polyEditIcon,draggable:true,bouncy:false,dragCrossMove:true});
	    self.map.addOverlay(self.dragMarker0);
	    this.poly = new GPolygon([latlon,latlon,latlon,latlon,latlon],'#0000ff',1,1,'#0000ff',0.3);
	    this.map.addOverlay(this.poly);
	     this.map.getDragObject().setDraggableCursor('crosshair');
	    numClick++;
    }
};

MPolyDragControl.prototype.addMouseMoveListener = function(latlon){
    var self = this.self;
	mmListener = GEvent.addListener(this.map,'mousemove',function(a){self.mouseMoveOnMap(a)});
}

MPolyDragControl.prototype.removeMouseMoveListener = function() {
	var self = this.self;
	if(mmListener)
	    GEvent.removeListener(mmListener);
	if(this.InstructionDrawLabel)
	    this.InstructionDrawLabel.hide();
	
}
MPolyDragControl.prototype.mouseMoveOnMap = function(latlon) {
	
	var self = this.self;
	
	this.InstructionDrawLabel.setContents(this.InstructionDrawMessage);
	this.InstructionDrawLabel.setPoint(latlon);
	this.InstructionDrawLabel.show();
	
}

MPolyDragControl.prototype.dragStart = function() {
};

MPolyDragControl.prototype.drag = function() {
	var self = this.self;

	if (self.type == 'circle') {
		self.updateCircle();
	}
	else if (self.type == 'rectangle') {
		self.updateRectangle();
	}
};	

MPolyDragControl.prototype.dragEnd = function() {
	var self = this.self;
	if (self.ondragend) {
		self.ondragend();
	}
};

	

MPolyDragControl.prototype.updateRectangle = function() {
	var self = this.self;
	var latlon0 = self.dragMarker0.getLatLng();
	var latlon1 = self.dragMarker1.getLatLng();

	self.bounds = null;
	self.bounds = new GLatLngBounds();

	if (latlon0.lat() <= latlon1.lat() && latlon0.lng() <= latlon1.lng()) {
		var p1 = latlon0; // SW
		var p2 = latlon1; // NE
	}
	else if (latlon0.lat() <= latlon1.lat() && latlon0.lng() >= latlon1.lng()) {
		var p1 = latlon0; // SE
		var p2 = latlon1; // NW
	}
	else if (latlon0.lat() >= latlon1.lat() && latlon0.lng() >= latlon1.lng()) {
		var p1 = latlon0; // NE
		var p2 = latlon1; // SW
	}
	else if (latlon0.lat() >= latlon1.lat() && latlon0.lng() <= latlon1.lng()) {
		var p1 = latlon0; // NW
		var p2 = latlon1; // SE
	}

	self.bounds.extend(p1);
	self.bounds.extend(p2);

	var p1 = this.bounds.getSouthWest();
	var p2 = new GLatLng(this.bounds.getNorthEast().lat(),this.bounds.getSouthWest().lng());
	var p3 = this.bounds.getNorthEast();
	var p4 = new GLatLng(this.bounds.getSouthWest().lat(),this.bounds.getNorthEast().lng());
	var points = Array(p1,p2,p3,p4,p1);

	self.drawPoly(points);

};


MPolyDragControl.prototype.updateCircle = function() {

	this.circleCenter = this.dragMarker0.getLatLng();
	var points = Array();
	this.radius = this.dragMarker0.getLatLng().distanceFrom(this.dragMarker1.getLatLng()); // meters
	
   
	with (Math) {
		var d = this.radius/6378800;	// circle radius / meters of Earth radius = radians
		var lat1 = (PI/180)* this.circleCenter.lat(); // radians
		var lng1 = (PI/180)* this.circleCenter.lng(); // radians

		for (var a = 0 ; a < 361 ; a+=10 ) {
			var tc = (PI/180)*a;
			var y = asin(sin(lat1)*cos(d)+cos(lat1)*sin(d)*cos(tc));
			var dlng = atan2(sin(tc)*sin(d)*cos(lat1),cos(d)-sin(lat1)*sin(y));
			var x = ((lng1-dlng+PI) % (2*PI)) - PI ; // MOD function
			var point = new GLatLng(parseFloat(y*(180/PI)),parseFloat(x*(180/PI)));
			points.push(point);
		}
	}

	this.drawPoly(points);
};




MPolyDragControl.prototype.drawPoly = function(points) {
	if (this.poly) {
		this.map.removeOverlay(this.poly);
		this.poly = null;
	}
	this.poly = new GPolygon(points,'#0000ff',1,1,'#0000ff',0.2);
	this.map.addOverlay(this.poly);

	var html = '';
	
	html += this.mesArea + '&nbsp;' + (this.poly.getArea()/ this.unitDivisor).toFixed(2) + '&nbsp;sq.mi.';
	
    document.getElementById('searcharea').innerHTML = (this.poly.getArea()/ this.unitDivisor).toFixed(2);
	
	this.floatingLabel.setContents(html);
	this.floatingLabel.setPoint(this.dragMarker1.getLatLng());
	this.floatingLabel.show();
}




MPolyDragControl.prototype.clear = function() {
	if (this.poly) {
		this.map.removeOverlay(this.poly);
		this.poly = null;
	}
	if (this.dragMarker0) {
		this.map.removeOverlay(this.dragMarker0);
		this.dragMarker0 = null;
	}
	if (this.dragMarker1) {
		this.map.removeOverlay(this.dragMarker1);
		this.dragMarker1 = null;
	}
	if (this.floatingLabel) {
		this.floatingLabel.hide();
	}
	
    if(this.circleCenter != undefined )
    {
       this.circleCenter = null;
    }
    
    if(this.radius != undefined)
    {
        this.circleCenter = null;
    }
    

    if(this.bounds != undefined)
    {
        this.bounds = null;
    }
	   this.map.getDragObject().setDraggableCursor('auto');
};



MPolyDragControl.prototype.getParams = function() {
	var str = '';
	if (this.type == 'circle') {
		str += 'centerLat=' + this.circleCenter.lat().toFixed(5) + '&centerLon=' + this.circleCenter.lng().toFixed(5);
		str += '&radius=' + (this.radius / 1609).toFixed(2);
	}
	else {
		str += 'lat1=' + this.bounds.getSouthWest().lat().toFixed(5) + '&lat2=' + this.bounds.getNorthEast().lat().toFixed(5);
		str += '&lon1=' + this.bounds.getSouthWest().lng().toFixed(5) + '&lon2=' + this.bounds.getNorthEast().lng().toFixed(5);
	}
	return str;
}
MPolyDragControl.prototype.getURLParams = function() {
	
	
	var sReturn = '';
	var sSplit= '|';
	if (this.type == 'circle') {
	    if(this.circleCenter != undefined && this.circleCenter !== null)
	    {
	       sReturn +=  this.type + sSplit + this.circleCenter.lat();
	       sReturn += sSplit + this.circleCenter.lng();
	    }
	    else
	    {
	        return 'err1';
	    }
	    if(this.radius != undefined && this.radius != null)
	    {
	        
 
	        sReturn += sSplit + (this.radius / 1609);
	    }
	    else
	    {
	       return 'err2';
	    }	
	}
	else {
	    if(this.bounds != undefined && this.bounds != null)
	    {
	        sReturn +=  this.type + sSplit + this.bounds.getSouthWest().lat();
	        sReturn +=  sSplit + this.bounds.getNorthEast().lat();
	        sReturn +=  sSplit +  this.bounds.getSouthWest().lng();
	        sReturn +=  sSplit +  this.bounds.getNorthEast().lng();
	    }
	    else
	    {
	        return 'err3';
	    }
	}
	return sReturn;
	
}


MPolyDragControl.prototype.setType = function(type) {
	this.type = type;
	this.map.getDragObject().setDraggableCursor('crosshair');
	// custom - prevent change current shape to new shape type 08/05/2009.
	/*
	if (this.poly) {
		this.drag();
		this.dragEnd();
	}
	*/
	// end custom
};




MPolyDragControl.prototype.show = function() {
	this.poly.show();
};

MPolyDragControl.prototype.hide = function() {
	this.poly.hide();
};

MPolyDragControl.prototype.isVisible = function() {
	return !this.poly.isHidden();
};