var streamID = '';
function buttonstuff() {
			var loadingText = "Loading...."
			loadWholePage('http://www.caricoos.org/app/test_michael/CariCOOS/tabla_winds/windsimple.php?ID='+streamID);
			document.getElementById('button1').onclick=buttonstuff;
			document.getElementById('t1').innerHTML=loadingText;
}
function initialize() { 
	if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map_canvas")); 
		map.setCenter(new GLatLng(18.214, -66.051), 8);
		map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
		map.addControl(new GOverviewMapControl());  
		map.addMapType(G_NORMAL_MAP);
        map.setMapType(G_NORMAL_MAP);
		GDownloadUrl("/app/helpers/xml_getter?link=http://dm1.caricoos.org/mat_app/stations/latest_observed_datum_all/wind/wspd/wdir", function(data) {
			function createMarker(point,info,myIcon,id) {
			var marker = new GMarker(point,myIcon);
			GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml(info);
			streamID = id;
			graphsansajax(id);
			});
			return marker;
			}
			function createMarkerNum(point,myIcon) {
				var marker = new GMarker(point,myIcon);
				return marker;
			}
			var theText = "Loading....";
			function graphsansajax(streamID){
			loadWholePage('http://www.caricoos.org/app/test_michael/CariCOOS/tabla_winds/windsimple.php?ID='+streamID);
			var button1 = document.getElementById('button1');
			button1.onclick = buttonstuff;
			document.getElementById('t1').innerHTML=theText;
			document.getElementById('t2').innerHTML="<img src=\"/app/helpers/xml_getter?link=http://dm1.caricoos.org/elmer_tests/finished/vientograph.php?ID="+streamID+"\">";
		}
			
			
			var xml = GXml.parse(data);
			var markers = xml.documentElement.getElementsByTagName("station");
			for (var i=0; i<markers.length; i++) {
				var id = markers[i].getAttribute("id");
				var name = markers[i].getAttribute("name");
				var lat = markers[i].getAttribute("latitude");
				var lon = markers[i].getAttribute("longitude")
                var date = markers[i].getAttribute("date");
				var point = new GLatLng(parseFloat(markers[i].getAttribute("latitude")),parseFloat(markers[i].getAttribute("longitude")));
				x=xml.documentElement.getElementsByTagName("wdir")[i];
				y=x.childNodes[0];
				wdir=y.nodeValue;
				x=xml.documentElement.getElementsByTagName("wspd")[i];
				y=x.childNodes[0];
				wspd=y.nodeValue;
				if(date!='' || wdir!='' || wspd!=''){
					res = parseInt(wdir)%15;
					var x = parseInt(wdir);
					var y = parseInt(wdir);
					if(res==0){
						var direction=parseInt(wdir);
					}				
					else{						
						while(res!=0){							
							x++;
							if(x%15==0){
								var res=x%15;
								var direction=x;
							}
							y--;
							if(y%15==0){
								var res=y%15;
								var direction=y;
							}
						}
					}
				}
				else{
					date='';
					wdir='';
					wspd='';
					direction='';
				}
				if(direction!=''){
					var direct=direction+180;
					if(direct>360){direct=direct-360;}
					if(direct==360){direct=90;}
					if(direct<360 && direct>=0){
						var currentDate = new Date();
						var time = currentDate.getTime();
						var realtime = parseInt(time/1000)+3600*2; 
						if(date>=realtime){
							var myNum = new GIcon();
							myNum.image = "/app/elmer_test/numbers/"+parseInt(wspd)+"_small.png";
							myNum.iconSize = new GSize(40,40);
							myNum.iconAnchor = new GPoint(40,40);
							var iconNum = myNum;
							var markerNum = createMarkerNum(point,iconNum);
							map.addOverlay(markerNum);
							var myIcon = new GIcon();
							myIcon.image = '/app/elmer_test/markers_geo/'+direct+'/markers/image.png';
							myIcon.shadow = '/app/elmer_test/markers_geo/'+direct+'/markers/shadow.png';
							//myIcon.iconSize = new GSize(14,29);
							myIcon.shadowSize = new GSize(29,29);
							myIcon.iconAnchor = new GPoint(14,29);
							myIcon.infoWindowAnchor = new GPoint(7,0);
							myIcon.printImage = '/app/elmer_test/markers_geo/'+direct+'/markers/printImage.gif';
							myIcon.mozPrintImage = '/app/elmer_test/markers_geo/'+direct+'/markers/mozPrintImage.gif';
							myIcon.printShadow = '/app/elmer_test/markers_geo/'+direct+'/markers/printShadow.gif';
							myIcon.transparent = '/app/elmer_test/markers_geo/'+direct+'/markers/transparent.png';
							myIcon.imageMap = [0,0,34,0,34,18,0,18];														
							var icon = myIcon;
							var marker = createMarker(point,'Station: '+name+'<br/>Latitude: '+lat+'<br/>Longitude: '+lon,icon,id);
							map.addOverlay(marker);
						}
						else{				
							markerhtml = 'Station: '+name+'<br/>Latitude: '+lat+'<br/>Longitude: '+lon+'.';
							var myIcon = new GIcon();
							myIcon.image = "/app/elmer_test/numbers/NA_red.png";
							myIcon.iconSize = new GSize(34,18);
							myIcon.iconAnchor = new GPoint(17,9);
							myIcon.infoWindowAnchor = new GPoint(20,0);
							myIcon.imageMap = [0,0,34,0,34,18,0,18];
							var icon = myIcon;
							var marker = createMarker(point,markerhtml,icon,id);
							map.addOverlay(marker);		
						}
					}
				}
			}	
		});
	} 
}