Google map change on
===

I need to include Google's map in my website so that:

- user can select a city from drop-down box, and map updates with actual longitude and latitude from drop-down box depending of the selected city;
- user can drag/drop the marker to place it in exact location;
- user can save selected location coordinates (longitude and latitude) by submitting the form.

**I can not use** `<body onload="initialize()">`

Can somebody help with it? Yes, I know where are tutorials for Google maps but I will need maybe a month to read and undderstand all this stuff. I am sure there must be some example like this somewhere on the Internet but I can not find anything. Thanks.

    <script type="text/javascript" src="http://maps.google.com/maps?....." type="text/javascript"></script>

    <script type="text/javascript">	
    <!--
    if (GBrowserIsCompatible()) 
    ................
    //-->
    </script>

    <form action="/save.php" name="coordinates" method="post">
    <div id="map" style="width: 720px; height: 420px"></div>
    
    <input type="text" name="latitude" id="latitude" value="" /> 
    <input type="text" name="longitude" id="longitude" value="" />
    
    <select name="location" id="location">  
    <option value="0">No Location</option>
    <option value="1" title="51.49506473014368,-0.087890625" >London</option>		
    <option value="2" title="40.413496049701955,-3.69140625" >Madrid</option>	
    <option value="1" title="52.46939684276205,13.447265625" >Berlin</option>
    </select>
    </form>	