//<![CDATA[
function load() {
	if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map"));
		map.setCenter(new GLatLng(18.27, -66.00), 8);
		map.addControl(new GMenuMapTypeControl());
		map.addControl(new GOverviewMapControl());
		map.addControl(new GSmallMapControl());
		map.addControl(new GScaleControl());
		map.addMapType(G_PHYSICAL_MAP);
       	map.setMapType(G_PHYSICAL_MAP);	
	
		map.enableScrollWheelZoom();
		//Grid overlay square
		//19.526, -67.8937
		//19.526, -65.091
		//16.8638, -67.8937
		//16.8638, -65.091
		// 17 - 19 norte
		// 64 - 68 oeste
		  var polygon = new GPolygon([
		    new GLatLng(19, -68),
		    new GLatLng(19, -64),
		    new GLatLng(17, -64),
		    new GLatLng(17, -68),
		    new GLatLng(19, -68)
		  ], "#f33f00", 2, 1, "#ff0000", 0.2);
		  map.addOverlay(polygon);

		//Put Buoy Markers
		GDownloadUrl("http://caricoos.org/app/windstreams/streamsXML.php5", function(data) {
			var xml = GXml.parse(data);
			var markers = xml.documentElement.getElementsByTagName("stream");
			for (var i = 0; i < markers.length; i++) {
				var id = markers[i].getAttribute("stream_id");
				var type = markers[i].getAttribute("type");
				var name = markers[i].getAttribute("name");
				var linked = markers[i].getAttribute("linkedModel");
				var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lon")));
				var data_src = markers[i].getAttribute("source");
				var dead = markers[i].getAttribute("dead");
				if (type != "model") {
					if (linked == "true" && type=="real") {
						var marker = createTabWindow(id, name, markers[i].getAttribute("lat"), markers[i].getAttribute("lon"), true, point, false, true, data_src, dead);
						var opt3 = { color: 'red', weight: 2, length: 5, padding: 15 };
						var mt = new MarkerTracker(marker, map, opt3);
						map.addOverlay(marker);
					} else if (linked == "true" && type == "virtual") {
							var marker = createTabWindow(id, name, markers[i].getAttribute("lat"), markers[i].getAttribute("lon"), true, point, true, false, data_src, dead);
							var opt3 = { color: 'red', weight: 2, length: 5, padding: 15 };
							var mt = new MarkerTracker(marker, map, opt3);
							map.addOverlay(marker);
					} else {
						if (type == "virtual") {
							var marker = createTabWindow(id, name, markers[i].getAttribute("lat"), markers[i].getAttribute("lon"), false, point, true, false, data_src, dead);
							var opt3 = { color: 'red', weight: 2, length: 5, padding: 15 };
							var mt = new MarkerTracker(marker, map, opt3);
							map.addOverlay(marker);
						} else {
							var marker = createTabWindow(id, name, markers[i].getAttribute("lat"), markers[i].getAttribute("lon"), false, point, false, false, data_src, dead);
							var opt3 = { color: 'red', weight: 2, length: 5, padding: 15 };
							var mt = new MarkerTracker(marker, map, opt3);
							map.addOverlay(marker);
						}
					}
				}
			}
		});

	}
}


function createTabWindow(streamID, name, lat, lon, linked, point, virtual, real, source, dead) {
	var windIcon = new GIcon();
if (linked && real) {
	windIcon.image = "http://caricoos.org/app/icons/wind-modelobs.png";
	}
else if ((virtual && linked) || virtual) {
	windIcon.image = "http://caricoos.org/app/icons/wind-virt.png";
	}
else {
	windIcon.image = "http://caricoos.org/app/icons/wind-obs.png";
	}
	//windIcon.image = "http://caricoos.org/app/icons/wind.png";
	windIcon.iconSize = new GSize(25,24);
	windIcon.shadow = "http://caricoos.org/app/icons/windshadow.png";
	windIcon.shadowSize = new GSize(39,24);
	windIcon.transparent = "http://caricoos.org/app/icons/windtrans.png";
	//22,43
	windIcon.iconAnchor = new GPoint(1,23);
	//24,24
	windIcon.infoWindowAnchor = new GPoint(2,0);
	windIcon.imageMap=[0,0, 25,0, 25,24, 0,24];
	var marker = new GMarker(point, windIcon);
	var title = name;
	if (virtual)
		title = name + " Virtual Buoy";
	else
		title = name;
	var dataHtml ="<table><tr><td width='450' height='20' bgcolor='#99cccb'>"+title+"</td></tr><tr><td width='450' height='200'><img src='http://caricoos.org/app/windstreams/graph2.php5?streamID="+streamID+"&type=modelobs' border='0' /></td></tr></table>";
	var observHtml ="<table><tr><td width='500' height='20' bgcolor='#99cccb'>"+title+"</td></tr><tr><td width='450' height='200'><img src='http://caricoos.org/app/windstreams/graph2.php5?streamID="+streamID+"&type=24hobs' border='0' /></td></tr></table>";
	if (linked && real) {
		var infoHtml = "Data Sources: "+source+", WRF and or NWS<br><br>"
	}
	else if (virtual && linked) {
		var infoHtml = "Data Sources: "+source+", and NWS<br><br>"
	}
	else {
	var infoHtml = "Data source: "+source+"<br><br>";
	}
	infoHtml = infoHtml+"Station location:<br> Lat: "+lat+"<br /> Lon: "+lon+"<br />";
	if (dead=="true"){
	dead = true;
	}
	else { 
	dead = false;
	}
	if (dead) {
		infoHtml = infoHtml+"<br><b><font color='#FF0000'>Note: This station is currently out of service</font></b>";
	}
	GEvent.addListener(marker, 'click', function() {
	var infotitle = "Info";
	if (dead){ 
		infotitle = "*!* Info *!*"
	}
	
		if (linked && real) {
			marker.openInfoWindowTabsHtml([new GInfoWindowTab("48h Data",dataHtml), new GInfoWindowTab("24h Data",observHtml), new GInfoWindowTab(infotitle,infoHtml)]);	
		} else {
			if (virtual) {
				marker.openInfoWindowTabsHtml([new GInfoWindowTab("48h Data",observHtml), new GInfoWindowTab(infotitle,infoHtml)]);
			} else
				marker.openInfoWindowTabsHtml([new GInfoWindowTab("24h Data",observHtml), new GInfoWindowTab(infotitle,infoHtml)]);
		}
		
	});
	return marker;
}
//
load();

//]]>