var geoXml;
var map;
var marker;
var lineStart;
var lineEnd;

function initialize() {
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map_canvas"));

        	//geoXml = new GGeoXml("http://brent.izolo.com/prj/graffiti/test.kml");
		//map.addOverlay(geoXml);

		lineStart = new GLatLng(34.064569,-118.219585);
		lineEnd = new GLatLng(34.064569,-118.218294);
		var polyline = new GPolyline([lineStart,lineEnd], "#ff0000", 10);
		map.addOverlay(polyline);

  var lat = 34.064569; 
  var lon = -118.218294; 
  var latOffset = 0.0002;
  var lonOffset = 0.0002;
  var polygon = new GPolygon([
    new GLatLng(lat, lon - lonOffset),
    new GLatLng(lat + latOffset, lon),
    new GLatLng(lat, lon + lonOffset),
    new GLatLng(lat - latOffset, lon),
    new GLatLng(lat, lon - lonOffset)
  ], "#f33f00", 2, 1, "#ff0000", 0.2);
  map.addOverlay(polygon);

       		map.setCenter(new GLatLng(34.067485,-118.218749), 16);
        // Create our "tiny" marker icon
        var tinyIcon = new GIcon();
        tinyIcon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
        tinyIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
        tinyIcon.iconSize = new GSize(12, 20);
        tinyIcon.shadowSize = new GSize(22, 20);
        tinyIcon.iconAnchor = new GPoint(6, 20);
        tinyIcon.infoWindowAnchor = new GPoint(5, 1);
        
        // Set up our GMarkerOptions object
        tinyMarkerOptions = { icon:tinyIcon };
  	tinyMarker = new GMarker(lineStart, tinyMarkerOptions);
  	map.addOverlay(tinyMarker);
		var blueIcon = new GIcon(G_DEFAULT_ICON);
		blueIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";
		blueMarkerOptions = { icon:blueIcon };
  		blueMarker = new GMarker(lineEnd, blueMarkerOptions);
  		map.addOverlay(blueMarker);

		var mapControl = new GMapTypeControl();
		map.addControl(mapControl);
		map.addControl(new GSmallMapControl());
		//map.addControl(new GLargeMapControl());
		//map.setUIToDefault();
	}
}