//<![CDATA[
/* EasyGMap Map Builder
 *
 * Copyright (c) 2006 Tim Kersten, Daniel Kersten
 * EasyGMap available at http://code.google.com/p/easygmap/
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy 
 * of this software and associated documentation files (the "Software"), to 
 * deal in the Software without restriction, including without limitation the 
 * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or 
 * sell copies of the Software, and to permit persons to whom the Software is 
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in 
 * all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, 
 * ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 */
YAHOO.namespace('gmaps');
var map;
	YAHOO.gmaps = 
	{
		///////////////////////////////////////////////////////////////////////////////
		markers: Array(),
		markerContent: Array(),
		completeSteps:  {	mapName: false,
                            showFinish: false},
		///////////////////////////////////////////////////////////////////////////////

		/**
		 * @name:           setMapName
		 * @description:    Set the map name for a new map. This is only stored in the current session, and NOT the db.
		 *
		 * @param: mapName  The map name with all html entities escaped. 
		 */
		setMapName: function (mapName) 
		{
			$('mapName').innerHTML = mapName;
			if(!YAHOO.gmaps.completeSteps.mapName)
            {
				GEvent.addListener(map, "click", function(marker, point) 
                {
				    if (marker) 
				    {
					    if(typeof marker.openInfoWindowHtml == "function")
					    {
 					    	YAHOO.gmaps.setCurrentMarker(marker);
                            // Our info window content
                            YAHOO.gmaps.openCurrentInfoWindow();
					    }
				    } else 
				    {
					    YAHOO.gmaps.setNewMarker(point);

					    // Hide the step2 description
					    if(YAHOO.gmaps.completeSteps.mapName)
					    {
						    YAHOO.gmaps.showStep2(false);
					    }
				    }
			    });

				YAHOO.gmaps.completeSteps.mapName = true;
				YAHOO.gmaps.showStep2(true);
			}
		},

        openCurrentInfoWindow: function ()
        {
            if( YAHOO.gmaps.markerContent[YAHOO.gmaps.currentMarker].picture != "")
            {
                picture = '<br/><img width="' + YAHOO.gmaps.markerContent[YAHOO.gmaps.currentMarker].width + '" height="' + YAHOO.gmaps.markerContent[YAHOO.gmaps.currentMarker].height + '" src="' + YAHOO.gmaps.markerContent[YAHOO.gmaps.currentMarker].picture + '"/>';
            }else
            {
                picture = '';
            }

            var infoTabs = 
            [
                new GInfoWindowTab("Name", "<div style=\"text-align:center;font-size:13pt;\"/>" + YAHOO.gmaps.markerContent[YAHOO.gmaps.currentMarker].name + picture + "</div>"),
                new GInfoWindowTab("Description",  YAHOO.gmaps.markerContent[YAHOO.gmaps.currentMarker].description)
            ];
			YAHOO.gmaps.markers[YAHOO.gmaps.currentMarker].openInfoWindowTabsHtml(infoTabs, {maxWidth:200});
        },

		editMarker: function (id)
		{
			map.closeInfoWindow();
            $('currentMarkerId').value          = id;
			$('iframeUpload').src 				= "upload.php?id=" + id;
			$('currentMarkerName').value        = YAHOO.gmaps.markerContent[id].name;
			$('currentMarkerDescription').value = YAHOO.gmaps.markerContent[id].description;
            $('markerPosLat').value             = YAHOO.gmaps.markerContent[id].posLat;
            $('markerPosLng').value             = YAHOO.gmaps.markerContent[id].posLng;

			YAHOO.gmaps.newMarkerDialog.show();
		},

		deleteMarker: function (id)
		{
            var request = YAHOO.util.Connect.asyncRequest('POST', "index.php", YAHOO.gmaps.addMarkerCallback, "command[RemoveMarker]="+id);
			map.removeOverlay(YAHOO.gmaps.markers[id]);
			YAHOO.gmaps.markers.splice(id, 1);
			YAHOO.gmaps.markerContent.splice(id, 1);
			for(i=0;i<12;i++)
			{
				if(i<YAHOO.gmaps.markers.length)
				{
					YAHOO.gmaps.refreshMarkerContent(i);
				}else
				{
					$('marker' + i).innerHTML = "";
				}
			}
		},

		refreshMarkerContent: function (id)
		{
			if(YAHOO.gmaps.markerContent[id].name == "")
			{
				$('marker' + id).innerHTML = "<li> " + (id + 1) + ": <a href=\"javascript:YAHOO.gmaps.editMarker(" + id + ")\" sytle=\"font-size:12pt\">Give your marker a NAME!</a> or <a href=\"javascript:YAHOO.gmaps.deleteMarker(" + id + ")\">Delete</a></li>";
			}else
			{
				$('marker' + id).innerHTML = "<li> " + (id + 1) + ": Edit: <a href=\"javascript:YAHOO.gmaps.editMarker(" + id + ")\" sytle=\"font-size:12pt\"> " + YAHOO.gmaps.markerContent[id].name + "</a> or <a href=\"javascript:YAHOO.gmaps.deleteMarker(" + id + ")\">Delete</a></li>";
			}
		},

		setNewMarker: function (point)
		{
			YAHOO.gmaps.currentMarker = YAHOO.gmaps.markers.length;
			if(YAHOO.gmaps.currentMarker >= 12)
            {
                alert("You cannot add any more markers!<br/><br/>To add another marker, please delete an old one first.");
                return;
            }
			YAHOO.gmaps.markers[YAHOO.gmaps.currentMarker] = new GMarker(point, {draggable: true});

			GEvent.addListener(YAHOO.gmaps.markers[YAHOO.gmaps.currentMarker], "dragstart", function() {
				map.closeInfoWindow();
			});
            GEvent.addListener(YAHOO.gmaps.markers[YAHOO.gmaps.currentMarker], "dragend", function() {
                for(i=0;i<YAHOO.gmaps.markers.length;i++)
                {
                    if( YAHOO.gmaps.markerContent[i].posLat != YAHOO.gmaps.markers[i].getPoint().lat() || YAHOO.gmaps.markerContent[i].posLng != YAHOO.gmaps.markers[i].getPoint().lng() )
                    {
                        YAHOO.gmaps.markerContent[i].posLat = YAHOO.gmaps.markers[i].getPoint().lat();
                        YAHOO.gmaps.markerContent[i].posLng = YAHOO.gmaps.markers[i].getPoint().lng();
                        YAHOO.gmaps.submitMarker(i);
                    }
                }
            });
			map.addOverlay(YAHOO.gmaps.markers[YAHOO.gmaps.currentMarker]);

			YAHOO.gmaps.markerContent[YAHOO.gmaps.currentMarker] = {	name: "",
																		description: "",
                                                                        posLat: point.lat(),
                                                                        posLng: point.lng(),
																		picture: "",
                                                                        width: "",
                                                                        height: "" }
            YAHOO.gmaps.submitMarker(YAHOO.gmaps.currentMarker);
			YAHOO.gmaps.refreshMarkerContent(YAHOO.gmaps.currentMarker);
            
            if(!YAHOO.gmaps.completeSteps.showFinsih)
            {
                YAHOO.gmaps.completeSteps.showFinish = true;
                $('finish').innerHTML = "<br/><img src=\"data/images/steps/step3.gif\"/> After you have added the markers you wanted, and given them names,<br/>you can click finish to save your map: <a href=\"javascript:YAHOO.gmaps.finish()\">Finish</a>";
            }
            YAHOO.gmaps.editMarker(YAHOO.gmaps.currentMarker);
        },

        updateMarkerContent: function(id, name, description, picture, width, height)
        {
            YAHOO.gmaps.markerContent[id].name = name;
            YAHOO.gmaps.markerContent[id].description = description;
            YAHOO.gmaps.markerContent[id].picture = picture;
            YAHOO.gmaps.markerContent[id].width = width;
            YAHOO.gmaps.markerContent[id].height = height;
            YAHOO.gmaps.refreshMarkerContent(id);
        },

        submitMarker: function (id)
        {
            postData  = "command[AddMarker]="+id+"&";
            postData += "markerName="+YAHOO.gmaps.markerContent[id].name+"&";
            postData += "markerDescription="+YAHOO.gmaps.markerContent[id].description+"&";
            postData += "markerPosLat="+YAHOO.gmaps.markerContent[id].posLat+"&";
            postData += "markerPosLng="+YAHOO.gmaps.markerContent[id].posLng+"&";
            var request = YAHOO.util.Connect.asyncRequest('POST', "index.php", YAHOO.gmaps.addMarkerCallback, postData);
        },
		
		setCurrentMarker: function (marker)
		{
			for(i=0;i<YAHOO.gmaps.markers.length;i++)
			{
				if(YAHOO.gmaps.markers[i] == marker)
				{
					YAHOO.gmaps.currentMarker = i;
				}
			}
		},

        finish: function ()
        {
            $('mapPosLat').value = map.getCenter().lat();
            $('mapPosLng').value = map.getCenter().lng();
            $('mapZoom').value = map.getZoom();
            YAHOO.gmaps.saveDialog.show();
        },

        showUrl: function (url)
        {
            $('entirePage').innerHTML='You are now being redirected to your new map! Please wait a moment, or click on the link below: <br/><br/><a href="' + url + '&showUrl=true">Your Map!</a>';
            window.location = url + "&showUrl=true";
        },

        autoEnablePictureInMarkerDialog: function ()
        {
            for(i=0;i<document.newMarkerDialogForm.pictureType.length;i++)
            {
                if(document.newMarkerDialogForm.pictureType[i].checked)
                {
                    type = document.newMarkerDialogForm.pictureType[i].value;
                }
            }
            switch(type)
            {
                case "None":
                    document.newMarkerDialogForm.pictureUrl.disabled = true;
                    document.newMarkerDialogForm.pictureUpload.disabled = true;
                break;
                case "Url":
                    document.newMarkerDialogForm.pictureUrl.disabled = false;
                    document.newMarkerDialogForm.pictureUpload.disabled = true;
                break;
                case "Upload":
                    document.newMarkerDialogForm.pictureUrl.disabled = true;
                    document.newMarkerDialogForm.pictureUpload.disabled = false;
                break;
            }
        },

		showStep2: function (show)
		{
			if(show)
			{
				$('markerInfo').innerHTML = "<img src=\"data/images/steps/step2.gif\"/> Add up to 12 markers to the map. Do this by clicking the location where you want your marker.<br/>If the marker is not in the right place you can drag it to a new position.<br/>";
			}else
			{
				$('markerInfo').innerHTML = "<br/><strong style=\"font-size:12pt;\">Markers:</strong>";
                $('markers').style.border = '1px solid black';
			}
		},

        addMarkerCallback: 
        {
            success: submitCallback,
            failure: submitFailure
        }
	}
    

	function submitCallback(obj) 
	{
		var response = obj.responseText;
		response = response.split("<!")[0];
		eval(response);
	}

	function submitFailure(obj) 
	{
		alert("Submission failed: " + obj.status);
	}

	function init() {

		if (GBrowserIsCompatible()) {
			map = new GMap2(document.getElementById("map"));
			map.addControl(new GSmallMapControl(), new GControlPosition(G_ANCHOR_TOP_RIGHT,  new GSize(10, 10) ));

			// Set map starting position
			map.setCenter(new GLatLng(53.373119202640635, -7.91015625), 7);
		}

		var handleCancel = function() {
			this.cancel();
		}
		var handleSubmit = function() {
			this.submit();
		}

		// Define settings for the newMapNameDialog
        YAHOO.gmaps.newMapNameDialog = new YAHOO.widget.Dialog("newMapNameDialog", { modal:true, visible:false, width:"350px", fixedcenter:true, constraintoviewport:true, draggable:true });

		YAHOO.gmaps.newMapNameDialog.callback.failure = submitFailure;
		YAHOO.gmaps.newMapNameDialog.callback.success = submitCallback;

		var mapNameListener1 = new YAHOO.util.KeyListener(document, { keys : 27 }, {fn:handleCancel,scope:YAHOO.gmaps.newMapNameDialog,correctScope:true} );
		var mapNameListener2 = new YAHOO.util.KeyListener(document, { keys : 13 }, {fn:handleSubmit,scope:YAHOO.gmaps.newMapNameDialog,correctScope:true} );

		YAHOO.gmaps.newMapNameDialog.cfg.queueProperty("keylisteners", mapNameListener1);
		YAHOO.gmaps.newMapNameDialog.cfg.queueProperty("keylisteners", mapNameListener2);

		YAHOO.gmaps.newMapNameDialog.cfg.queueProperty("buttons", [ { text:"Save Changes", handler:handleSubmit, isDefault:true } ]);
		YAHOO.gmaps.newMapNameDialog.render();

        // Define settings for the newMarkerDialog
		YAHOO.gmaps.newMarkerDialog = new YAHOO.widget.Dialog("newMarkerDialog", { modal:true, visible:false, width:"400px", fixedcenter:true, constraintoviewport:true, draggable:true });
		YAHOO.gmaps.newMarkerDialog.callback.success = submitCallback;
		YAHOO.gmaps.newMarkerDialog.callback.failure = submitFailure;

		var markerListener1 = new YAHOO.util.KeyListener(document, { keys : 27 }, {fn:handleCancel,scope:YAHOO.gmaps.newMarkerDialog,correctScope:true} );

		YAHOO.gmaps.newMarkerDialog.cfg.queueProperty("keylisteners", markerListener1);

		YAHOO.gmaps.newMarkerDialog.cfg.queueProperty("buttons", [ { text:"Save Changes", handler:handleSubmit, isDefault:true } ]);
		YAHOO.gmaps.newMarkerDialog.render();
        
        // Define settings for the saveDialog
		YAHOO.gmaps.saveDialog = new YAHOO.widget.Dialog("saveDialog", { modal:true, visible:false, width:"370px", fixedcenter:true, constraintoviewport:true, draggable:true });
		YAHOO.gmaps.saveDialog.callback.success = submitCallback;
		YAHOO.gmaps.saveDialog.callback.failure = submitFailure;

		var saveListener1 = new YAHOO.util.KeyListener(document, { keys : 27 }, {fn:handleCancel,scope:YAHOO.gmaps.saveDialog,correctScope:true} );
		var saveListener2 = new YAHOO.util.KeyListener(document, { keys : 13 }, {fn:handleSubmit,scope:YAHOO.gmaps.saveDialog,correctScope:true} );
        
		YAHOO.gmaps.saveDialog.cfg.queueProperty("keylisteners", saveListener1);
		YAHOO.gmaps.saveDialog.cfg.queueProperty("keylisteners", saveListener2);
        
		YAHOO.gmaps.saveDialog.cfg.queueProperty("buttons", [  { text:"Cancel", handler:handleCancel }, { text:"Save Map!", handler:handleSubmit, isDefault:true } ]);
		YAHOO.gmaps.saveDialog.render();
        
	}
	YAHOO.util.Event.addListener(window, "load", init);
	YAHOO.util.Event.addListener(window, "unload", GUnload);


// Other javascript functions
function disableEnterKey(e)
{
     var key;

     if(window.event)
          key = window.event.keyCode;     //IE
     else
          key = e.which;     //firefox

     if(key == 13)
          return false;
     else
          return true;
}
//]]>