var sbx_pins=new Array();
var sbx_pins_info=new Array();

function load () {
	
	var map = document.getElementById("map");
	
	if (GBrowserIsCompatible()) {

		var gmap = new GMap2(map);
		gmap.addControl( new GSmallMapControl() );
		gmap.addControl( new GMapTypeControl()) ;
		gmap.addControl( new GOverviewMapControl(new GSize(100,100)) );		
		gmap.setCenter ( new GLatLng(53.760,-2.699), 14);
		gmap.setMapType(G_HYBRID_MAP);
		gmap.enableScrollWheelZoom();
		
		function makeIcon (image) {
			var icon = new GIcon();
			icon.image = image;
			icon.shadow = "images/shadow.png";
			icon.iconSize = new GSize(16, 16);
			icon.shadowSize = new GSize(24, 16);
			icon.iconAnchor = new GPoint(8, 16);
			icon.infoShadowAnchor = new GPoint(0, 0);
			icon.infoWindowAnchor = new GPoint(8, 1);	
			return icon;
		}
		
		function createIcon(type){
		
			var icon = new GIcon(G_DEFAULT_ICON);

			if (type==1) {
				icon.image='http://www.google.com/intl/en_us/mapfiles/ms/micons/green.png'; 
			}
			if (type==2) {
				icon.image='http://www.google.com/intl/en_us/mapfiles/ms/micons/red.png'; 
			}
			if (type==4) {
				icon.image='http://www.google.com/intl/en_us/mapfiles/ms/micons/purple.png';
			}
			icon.iconSize=new GSize(32, 32);
			return icon;
		}
					
	    function createMarker(input) {
		    
			var marker = new GMarker(new GLatLng(input.latitude,input.longitude), createIcon(input.type));
						
			var info='<div class="turtlemapitem"><p class="turtlemapitemtitle">'+input.title+'</p>';
			info= info +'<p class="turtlemapitemdescription">'+input.description+'</p>';
			if(input.image_url != '')
			{
			    info = info+'<p class="turtlemapitemdetail"><img width="150" height="75" src="http://open09.com/images/image.php?w=150&h=75&c=2&f='+input.image_url+'"></img></p>';
			}
			
			info=info+'<p class="turtlemapitemdetail">'+input.detail+'</p></div>';
			info=info+'<p class="turtlemapitemdetail"><a href="'+input.website+'" target="_blank" >'+input.website+'</a></p><p class="turtlemapitemdetail">&nbsp;</p></div>';
			GEvent.addListener(marker, "click", function() {
				marker.openInfoWindowHtml(info);
			});
			
			sbx_pins[input.id]=marker;
			sbx_pins_info[input.id]=info;
			return marker;
		}

		function parseJson (doc) {
						
			var jsonData = eval("(" + doc + ")")
			//alert(doc);
			//alert(jsonData.Turtles.length);
	        for (var key in jsonData) {
				for (var i = 0; i < jsonData[key].length; i++) {
				
				    if(jsonData[key][i].type == 1) //only want venues thx very much...
					{
				
					   var marker = createMarker(jsonData[key][i]);
					   gmap.addOverlay(marker);
					}
				}
			}		
		}     	
		
		GDownloadUrl("http://open09.com/iphonedata/locations_web.php", function(data, responseCode) { 
			parseJson(data);
		});
	
	} else {
		alert("Sorry, your browser cannot handle the true power of Google Maps");
	}
}

function sbx_show_pin(id) {
	if (sbx_pins[id]==undefined) {
		alert('That Venue isn\'t on the map');
	} else {
		sbx_pins[id].openInfoWindowHtml(sbx_pins_info[id]);
	}
}
window.onload = load;
window.onunload = GUnload;