/*
* LabeledMarker Class
*
* Copyright 2007 Mike Purvis (http://uwmike.com)
*
* 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.
*
* This class extends the Maps API's standard GMarker class with the ability
* to support markers with textual labels. Please see articles here:
*
*       http://googlemapsbook.com/2007/01/22/extending-gmarker/
*       http://googlemapsbook.com/2007/03/06/clickable-labeledmarker/
*/

/* Constructor */
function LabeledMarker(latlng, options){
    this.latlng = latlng;
    this.labelText = options.labelText || "";
    this.labelClass = options.labelClass || "markerLabel";
    this.labelOffset = options.labelOffset || new GSize(0, 0);

    this.clickable = options.clickable || true;

    if (options.draggable) {
    	// This version of LabeledMarker doesn't support dragging.
    	options.draggable = false;
    }

    GMarker.apply(this, arguments);
}


/* It's a limitation of JavaScript inheritance that we can't conveniently
   extend GMarker without having to run its constructor. In order for the
   constructor to run, it requires some dummy GLatLng. */
LabeledMarker.prototype = new GMarker(new GLatLng(0, 0));


// Creates the text div that goes over the marker.
LabeledMarker.prototype.initialize = function(map) {
	// Do the GMarker constructor first.
	GMarker.prototype.initialize.apply(this, arguments);

	var div = document.createElement("div");
	div.className = this.labelClass;
	div.innerHTML = this.labelText;
	div.style.position = "absolute";
	map.getPane(G_MAP_MARKER_PANE).appendChild(div);

	if (this.clickable) {
		// Pass through events fired on the text div to the marker.
		var eventPassthrus = ['click', 'dblclick', 'mousedown', 'mouseup', 'mouseover', 'mouseout'];
		for(var i = 0; i < eventPassthrus.length; i++) {
			var name = eventPassthrus[i];
			GEvent.addDomListener(div, name, newEventPassthru(this, name));
		}

		// Mouseover behaviour for the cursor.
		div.style.cursor = "pointer";
	}

	this.map = map;
	this.div = div;
}

function newEventPassthru(obj, event) {
	return function() {
		GEvent.trigger(obj, event);
	};
}

// Redraw the rectangle based on the current projection and zoom level
LabeledMarker.prototype.redraw = function(force) {
	GMarker.prototype.redraw.apply(this, arguments);

	// We only need to do anything if the coordinate system has changed
	if (!force) return;

	// Calculate the DIV coordinates of two opposite corners of our bounds to
	// get the size and position of our rectangle
	var p = this.map.fromLatLngToDivPixel(this.latlng);
	var z = GOverlay.getZIndex(this.latlng.lat()) + 23;
	//~ var z = 8999800;
	// Now position our DIV based on the DIV coordinates of our bounds

	this.div.style.left = (p.x + this.labelOffset.width) + "px";
	this.div.style.top = (p.y + this.labelOffset.height) + "px";
	this.div.style.zIndex = z + 1; // in front of the marker
}

// Remove the main DIV from the map pane, destroy event handlers
LabeledMarker.prototype.remove = function() {
	GEvent.clearInstanceListeners(this.div);
	this.div.parentNode.removeChild(this.div);
	this.div = null;
	GMarker.prototype.remove.apply(this, arguments);
}

function AskQuestionButton() {}

AskQuestionButton.prototype = new GControl();

AskQuestionButton.prototype.initialize = function(map) {

	var container = document.createElement('div');

	var menu = document.createElement('div');
	menu.setAttribute('id','menu');

	this.setButtonStyle(menu);

	GEvent.addDomListener(container, 'click', function() {
		show_top_layer('ask_question',500,300);
	});

	container.appendChild(menu);
//	container.appendchild(divclear);

	var image = document.createElement('img');
	image.src = 'images/www/question_button.gif';
	image.title = 'Ask a Question';

	menu.appendChild(image);

	map.getContainer().appendChild(container);

	return container;
}

AskQuestionButton.prototype.setButtonStyle = function(button) {
  button.style.cursor = "pointer";
}

// By default, the control will appear in the top left corner of the
// map with 7 pixels of padding.

// Sets the proper CSS for the given button element.
//TextualZoomControl.prototype.setButtonStyle_ = function(button) {
//button.style.textDecoration = 'underline';
//button.style.color = '#0000cc';
//button.style.backgroundColor = 'white';
//button.style.font = 'small Arial';
//button.style.border = '1px solid black';
//button.style.padding = '2px';
//button.style.marginBottom = '3px';
//button.style.textAlign = 'center';
//button.style.width = '6em';
//button.style.cursor = 'pointer';
//}

AskQuestionButton.prototype.getDefaultPosition = function() {
	return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(7, 7));
}


function ShortlistMarker(latlng, options){
    this.latlng = latlng;
    this.labelText = options.labelText || "";
    this.labelClass = options.labelClass || "shortlistLabel";
    this.labelOffset = options.labelOffset || new GSize(0, 0);
		this.labelz = options.labelz || 9000000;
    GMarker.apply(this, arguments);
}


/* It's a limitation of JavaScript inheritance that we can't conveniently
   extend GMarker without having to run its constructor. In order for the
   constructor to run, it requires some dummy GLatLng. */
ShortlistMarker.prototype = new GMarker(new GLatLng(0, 0));


// Creates the text div that goes over the marker.
ShortlistMarker.prototype.initialize = function(map) {
        // Do the GMarker constructor first.
        GMarker.prototype.initialize.call(this, map);

        var div = document.createElement("div");
        div.className = this.labelClass;
        div.innerHTML = this.labelText;
        div.style.position = "absolute";
        map.getPane(G_MAP_MARKER_PANE).appendChild(div);

				//~ if (this.clickable) {
					// Pass through events fired on the text div to the marker.
					var eventPassthrus = ['click', 'dblclick', 'mousedown', 'mouseup', 'mouseover', 'mouseout'];
					for(var evt = 0; evt < eventPassthrus.length; evt++) {
						var name = eventPassthrus[evt];
						GEvent.addDomListener(div, name, newEventPassthru(this, name));
					}

					// Mouseover behaviour for the cursor.
					div.style.cursor = "pointer";
				//~ }

        this.map = map;
        this.div = div;
}


// Redraw the rectangle based on the current projection and zoom level
ShortlistMarker.prototype.redraw = function(force) {
        GMarker.prototype.redraw.call(this, map);

        // We only need to do anything if the coordinate system has changed
        if (!force) return;

        // Calculate the DIV coordinates of two opposite corners of our bounds to
        // get the size and position of our rectangle
        var p = this.map.fromLatLngToDivPixel(this.latlng);
				//~ var z = this.labelz + (2 * parseInt(this.labelText));
				var z = GOverlay.getZIndex(this.latlng.lat()) + 21000;
        //~ var z = 9000100;

        // Now position our DIV based on the DIV coordinates of our bounds
				if(userbrowser == 'ie') {
        this.div.style.left = (p.x - 15 ) + "px";
        this.div.style.top = (p.y + this.labelOffset.height) - 1 + "px";
				}
				else {
				this.div.style.left = (p.x + this.labelOffset.width) + "px";
        this.div.style.top = (p.y + this.labelOffset.height) + "px";
				}
        this.div.style.zIndex = z; // in front of the marker
}

// Remove the main DIV from the map pane
ShortlistMarker.prototype.remove = function() {
  this.div.parentNode.removeChild(this.div);
  this.div = null;
  GMarker.prototype.remove.call(this);
}