var imagechoice = 0;
var selIndex = 0;
map = null;
var gmarkers = [];
function listenMarker (gmarker,marker,myarr) 
{     
	/*
	GEvent.addListener(gmarker, 'mouseover', function() 
	{     
		gmarker.openInfoWindowHtml("<table><tr><td colspan=2>" + myarr[12] + "</td></tr>" + 
		"<tr><td align=left>Air temperature:</td><td align=right>"+ myarr[0] +"&deg;F</td></tr>" +
		"<tr><td align=left>Humidity:</td><td align=right>"+ myarr[0] +"%</td></tr>" +
		"<tr><td align=left>Dewpoint:</td><td align=right>"+ myarr[0] +"&deg;F</td></tr>" +
		"<tr><td align=left>Wind:</td><td align=right>"+ myarr[0] +"&deg;F</td></tr>" +
		"<tr><td align=left>Today's rain:</td><td align=right>"+ myarr[0] +"(in)</td></tr>" +
		"<tr><td align=left>Solar radiation:</td><td align=right>"+ myarr[0] +"(W/m&sup2;)</td></tr>" +
		"<tr><td align=left>Soil temperature:</td><td align=right>"+ myarr[0] +"&deg;F</td></tr>" +
		"<tr><td align=left>Leaf wetness:</td><td align=right>"+ myarr[0] +"(unity)</td></tr>" +
		"<tr><td align=left>Latitude:</td><td align=right>" + myarr[1] + "</td></tr>"+
		"<tr><td align=left>Longitude:</td><td align=right>" + myarr[2] + "</td></tr>" +
		"<tr><td align=left>Elevation:</td><td align=right>"+ myarr[0] +"(ft)</td></tr>" +
		"<tr><td align=left>Date installed:</td><td align=right>"+ myarr[0] + "</td></tr></table>");         
	}); 
	*/

} 
function dataChanged() {
	map.clearOverlays();
	var selObj = document.getElementById('overlayType');
	selIndex = selObj.selectedIndex;
	$.ajax({
		type: "GET",
		url: "stationmap/GMapGetLatLngs.php",
		cache: true,
		dataType: "text",
		success: function (data) {
			var temp = data.split("\n");
			var a = [];
			for (var i = 0; i < temp.length; ++i) {
				a.push(temp[i].split(","))
			}
			addIcons(a, selIndex)
		}
	})
}
function SaveMyCenter()
{
	//alert('SaveMyCenter');
	//$.ajax({ type: 'GET',	url: 'front/GMapSetView.php?MyZoom=7&MyLat=47.423316&MyLng=-120.325279', dataType: 'text', success: function (data) {			}			})	}); 
		
				$.ajax({
					type: "GET",
					url: "stationmap/GMapSetView.php?MyZoom=7&MyLat=47.423316&MyLng-120.325279",
					dataType: "text",
					success: function (data) {
						//alert(data);
					}
				})
}
function handleSelected(opt) {
	var i = opt.selectedIndex - 1;
	map.setCenter(gmarkers[i].point, 12)
}
function addIcons(a, selIndex) {
	var len = a.length;
	for (var i = 0; i < len; ++i) {
		var arr = a[i];
		var numberedIcon = new GIcon(G_DEFAULT_ICON);
		if (selIndex == 0) {
			numberedIcon.image = 'gmap/images/marker' + arr[0] + '.png'
		} else if (selIndex == 1) {
			if (arr[0] >= 90) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/012.png&text=" + arr[0]
			} else if (arr[0] >= 80) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/009.png&text=" + arr[0]
			} else if (arr[0] >= 70) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/022.png&text=" + arr[0]
			} else if (arr[0] >= 60) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/024.png&text=" + arr[0]
			} else if (arr[0] >= 50) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/072.png&text=" + arr[0]
			} else if (arr[0] >= 40) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/107.png&text=" + arr[0]
			} else if (arr[0] >= 30) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/123.png&text=" + arr[0]
			} else if (arr[0] >= 20) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/138.png&text=" + arr[0]
			} else if (arr[0] >= 10) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/155.png&text=" + arr[0]
			} else {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/215.png&text=" + arr[0]
			}
		} else if (selIndex == 2) {
			if (arr[6] >= 90) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/012.png&text=" + arr[6]
			} else if (arr[6] >= 80) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/009.png&text=" + arr[6]
			} else if (arr[6] >= 70) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/022.png&text=" + arr[6]
			} else if (arr[6] >= 60) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/024.png&text=" + arr[6]
			} else if (arr[6] >= 50) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/072.png&text=" + arr[6]
			} else if (arr[6] >= 40) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/107.png&text=" + arr[6]
			} else if (arr[6] >= 30) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/123.png&text=" + arr[6]
			} else if (arr[6] >= 20) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/138.png&text=" + arr[6]
			} else if (arr[6] >= 10) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/155.png&text=" + arr[6]
			} else {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/215.png&text=" + arr[6]
			}
		} else if (selIndex == 3) {
			if (arr[7] > 0) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/070.png&text=" + arr[7]
			} else {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/037.png&text=" + arr[7]
			}
		} else if (selIndex == 4) {
			if (arr[5] >= 90) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/070.png&text=" + arr[5]
			} else if (arr[5] >= 80) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/093.png&text=" + arr[5]
			} else if (arr[5] >= 70) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/107.png&text=" + arr[5]
			} else if (arr[5] >= 60) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/119.png&text=" + arr[5]
			} else if (arr[5] >= 50) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/040.png&text=" + arr[5]
			} else if (arr[5] >= 40) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/036.png&text=" + arr[5]
			} else if (arr[5] >= 30) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/033.png&text=" + arr[5]
			} else if (arr[5] >= 20) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/024.png&text=" + arr[5]
			} else {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/009.png&text=" + arr[5]
			}
		} else if (selIndex == 5) {
			if (arr[4] >= 90) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/012.png&text=" + arr[4]
			} else if (arr[4] >= 80) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/009.png&text=" + arr[4]
			} else if (arr[4] >= 70) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/022.png&text=" + arr[4]
			} else if (arr[4] >= 60) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/024.png&text=" + arr[4]
			} else if (arr[4] >= 50) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/072.png&text=" + arr[4]
			} else if (arr[4] >= 40) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/107.png&text=" + arr[4]
			} else if (arr[4] >= 30) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/123.png&text=" + arr[4]
			} else if (arr[4] >= 20) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/138.png&text=" + arr[4]
			} else if (arr[4] >= 10) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/155.png&text=" + arr[4]
			} else {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/215.png&text=" + arr[4]
			}
		} else if (selIndex == 6) {
			if (arr[8] >= 900) {
				numberedIcon.image = "stationmap/marker.php?image=square/red.png&text=" + arr[8]
			} else if (arr[8] >= 800) {
				numberedIcon.image = "stationmap/marker.php?image=square/lightred.png&text=" + arr[8]
			} else if (arr[8] >= 700) {
				numberedIcon.image = "stationmap/marker.php?image=square/orangeyellow.png&text=" + arr[8]
			} else if (arr[8] >= 600) {
				numberedIcon.image = "stationmap/marker.php?image=square/yellow.png&text=" + arr[8]
			} else if (arr[8] >= 500) {
				numberedIcon.image = "stationmap/marker.php?image=square/green.png&text=" + arr[8]
			} else if (arr[8] >= 400) {
				numberedIcon.image = "stationmap/marker.php?image=square/lightgreen.png&text=" + arr[8]
			} else if (arr[8] >= 300) {
				numberedIcon.image = "stationmap/marker.php?image=square/cyan.png&text=" + arr[8]
			} else if (arr[8] >= 200) {
				numberedIcon.image = "stationmap/marker.php?image=square/blue.png&text=" + arr[8]
			} else if (arr[8] >= 100) {
				numberedIcon.image = "stationmap/marker.php?image=square/darkblue.png&text=" + arr[8]
			} else {
				numberedIcon.image = "stationmap/marker.php?image=square/grey.png&text=" + arr[8]
			}
			//numberedIcon.shadow = "front/square/shadow.png";
			numberedIcon.iconSize = new GSize(27.0, 27.0);
			//numberedIcon.shadowSize = new GSize(41.0, 27.0);
			numberedIcon.iconAnchor = new GPoint(13.0, 13.0)
		} else if (selIndex == 7) {
			if (arr[10] == 'N') {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/070.png&text=" + arr[10]
			} else if (arr[10] == 'NE') {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/053.png&text=" + arr[10]
			} else if (arr[10] == 'S') {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/024.png&text=" + arr[10]
			} else if (arr[10] == 'SE') {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/042.png&text=" + arr[10]
			} else if (arr[10] == 'E') {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/108.png&text=" + arr[10]
			} else if (arr[10] == 'W') {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/037.png&text=" + arr[10]
			} else if (arr[10] == 'SW') {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/035.png&text=" + arr[10]
			} else if (arr[10] == 'NW') {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/093.png&text=" + arr[10]
			} else {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/040.png&text=" + arr[10]
			}
		} else if (selIndex == 8) {
			if (arr[9] >= 20) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/123.png&text=" + arr[9]
			} else if (arr[9] >= 10) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/093.png&text=" + arr[9]
			} else if (arr[9] >= 5) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/054.png&text=" + arr[9]
			} else {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/036.png&text=" + arr[9]
			}
		} else if (selIndex == 9) {
			if (arr[11] > 0) {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/069.png&text=" + arr[11]
			} else {
				numberedIcon.image = "stationmap/marker.php?image=pushpins/023.png&text=" + arr[11]
			}
		} else {
			numberedIcon.image = "stationmap/marker.php?image=pushpins/070.png&text=" + arr[0]
		}
		if (selIndex != 6) {
			//numberedIcon.shadow = "front/pushpins/shadow50.png"
		}
		if (arr == "" || arr == "undefined") continue;
		// 0 =$airTempIcon
		// 1 = $lat
		// 2 = $lng
		// 3 = $unitID
		// 4 = $soilTempIcon
		// 5 = $humidityIcon
		// 6 = $dewPointIcon
		// 7 = $leafWetIcon
		// 8 = $solarRadIcon
		// 9 = $windSpeedIcon
		// 10 = $direction
		// 11 = $totalprecip
		// 12 = $stationName
		// 13 = $elevation
		// 14 = $installationDate
		// 15 = $dataTimeStamp
		// 16 = $airTemp
		// 17 = $dewPoint
		// 18 = $soilTemp
		// 19 = $leafWet
		/*
		var markerOptions = {
			icon: numberedIcon,
			title: arr[12] + "\n" + 
						 arr[15] + "\n" + 
						 "------------------------\n" +
						 "Temperature: " + arr[16] + "&deg;F\n" +
						 "Wind: " + arr[9] + " mph " + arr[10] + "\n" +
						 "Dewpoint: " + arr[17] + "°F\n" +
						 "Cumulative Rain: " + arr[11] + " in\n" +
						 "Relative Humidity: " + arr[5] + "%\n" +
						 "Insolation: " + arr[8] +  "W/m²\n" +
						 "Soil Temperature: " + arr[18] + "°F\n" +
						 "Leaf Wetness: " + arr[19] + " Unity\n" +
						 "Elevation: " + arr[13] + " ft\n" +
						 "Latitude: " + arr[1] + "\n" +
						 "Longitude: " + arr[2] + "\n" +
						 "Date Installed: " + arr[14] 
		};
		*/
		var markerOptions = {
			icon: numberedIcon
		};
		
		var point = new GLatLng(arr[1], arr[2]);
		var marker = new GMarker(point, markerOptions);
		gmarkers[i] = marker;
		gmarkers[i].point = point;
		marker.id = "S" + arr[3];
		GEvent.addListener(marker, "click", function () {
			var str = "#" + this.id;
			$(str).click()
		});
		listenMarker(gmarkers[i],marker,arr);
			map.addOverlay(marker)
	}
}
function displayMap(lat, lng, id, zoom) {
	map = new GMap2(document.getElementById("map"));
	map.setCenter(new GLatLng(lat, lng), zoom);
	var mapui = map.getDefaultUI();
	mapui.maptypes.physical = false;
	map.setUI(mapui);
	map.addMapType(G_SATELLITE_3D_MAP);
	map.setUIToDefault();
	map.enableGoogleBar();
	map.setMapType(G_HYBRID_MAP);
	map.disableScrollWheelZoom()
	GEvent.addListener(map, "moveend", function() {   
		var MyCenter = map.getCenter(); 
		var MyZoom = map.getZoom();
		$.ajax({
					type: "GET",
					url: "stationmap/GMapSetView.php?MyZoom=" + MyZoom + "&MyLat=" + MyCenter.lat() + "&MyLng=" + MyCenter.lng(),
					dataType: "text",
					success: function (data) {
						//alert(data);
					}
				})
		}); 
}
$(document).ready(function () {
	$("#loading").ajaxStart(function () {
		$(this).show()
	});
	$("#loading").ajaxStop(function () {
		$(this).hide()
	});
	links = document.getElementById("stations").getElementsByTagName("a");
	if (links) {
		for (var i = 0; i < links.length; ++i) {
			str = "a#" + links[i].id;
			$(str).fancybox({
				'width': 830,
				'height': 550,
				'autoScale': false,
				'transitionIn': 'elastic',
				'transitionOut': 'elastic',
				'type': 'iframe',
				'scrolling': 'no',
				'enableEscapeButton': true
			})
		}
		$.ajax({
			type: "GET",
			url: "stationmap/GMapGetLatLngs.php",
			dataType: "text",
			success: function (data) {
				var temp = data.split("\n");
				var a = [];
				for (var i = 0; i < temp.length; ++i) {
					a.push(temp[i].split(","))
				}
				addIcons(a, selIndex)
			}
		})
	}
});