Aris.GMap = Function.extend({
	constructor: function(el, width, height, zoom, callback) {
		this.el = el;
		this.map = null;
		this.width = width;
		this.height = height;
		this.markers = {};
		this.zoom = zoom || 12;
		this.callback = callback;
		Aris.Event.onPageLoad.add(this.loadMap, this);
	},
	loadMap: function() {
	try{
		this.map = new GMap2(Aris.DOM.get(this.el), { size: new GSize(this.width,this.height) });
		this.map.addControl( new GSmallZoomControl());
		this.map.addControl( new GMenuMapTypeControl());

		if ( this.callback ) {
			this.callback(this);
		}
		}catch(e) {}
	},
	setMarker: function(id, lat, lng, center) {
		this.ensureMap();
		var point = new GLatLng(lat, lng);
		var marker = new GMarker(point);
		if ( center === true ) {
			this.map.setCenter(point, this.zoom);
		}
		this.markers[id] = marker;
		this.map.addOverlay(marker);
		return this;
	},
	ensureMap: function() {
		if (this.map == null) { this.loadMap(); }
		return this;
	}
}, {
	init: function() {
		var map = document.getElementById("gmapKey");
		
		if ( map == null) {
			map = Aris.DOM.create('script', { src: 'http://www.google.com/jsapi?key=ABQIAAAAcyngNcja2U3s9No_jPkSOxT-YUidSF1QxAbHMjX2mnunaI4c7hRB5w7LWz-lTBEzBrVwKbPkY26NaQ', type: "text/javascript", id:'gmapKey' });
			document.getElementsByTagName('head')[0].appendChild(map);
			//alert(document.getElementsByTagName('head')[0].lastChild.outerHTML);
			
			//For now: need to call this at the bottom of the aspx page until I figure out why IE all of the sudden doesn't like it
			//Aris.Event.add(map,'load', function() { google.load('maps','2.x') } );
			//Aris.Event.onDOMLoaded.add(function() { google.load('maps','2',{callback: this.loadMaps},this);
		}
	},
	loadMaps: function() {
	}
});