$(document).ready(function() {
	var map;
	var geocoder;
	var address;
	var geocoder=null;
	var map = null;
	var map = new GMap2(document.getElementById("maps"),{ size: new GSize(590,300) } );
	//var add=document.getElementById("defaultMapid").value;
	map.setMapType(G_NORMAL_MAP);
	//map.setCenter(new GLatLng(5.33, -0.12), 6);
	map.setCenter(new GLatLng(7.841615185204699, -1.309569776058197),6);
	map.addControl(new GSmallMapControl ());
	map.addControl(new GMapTypeControl());
	//map.getNavigationControl().setVisibility(ge.VISIBILITY_AUTO)
	// geocoder = new GClientGeocoder();
				// geocoder.getLatLng(
					  // add,
					  // function(point) {
						// if (!point) {
						  // alert(address + " not found");
						// } else {
						  // map.setCenter(point, 4);
						// }
					  // }
				// );
		route_select();
	

	function route_select(value,id){
		map.clearOverlays();
		$("#message").fadeOut();
		$("#listpanel").html("");
		$("#listpanel").html("<ul id=\"list\"></ul>");
		
		var dataString='type=' + $("#txtIDNumber").val();
		$.getJSON("/obamaadmin/geoinformation",dataString,function(json){
			var Id_No=json.Id_No;
			var Date=json.Date;
			var Time_info=json.Time_info;
			var lati=json.Latitude;
			var longi=json.Longitude;
			var Short_description=json.Short_description;
			var Long_description=json.Long_description;
			var Album_Id=json.Album_Id;
			var Video_Id=json.Video_Id;
			
			var Id_No=Id_No.split("|");
			var lati=lati.split("|");
			var longi=longi.split("|");
			var Date=Date.split("|");
			var Time_info=Time_info.split("|");
			var Short_description=Short_description.split("|");
			var Long_description=Long_description.split("|");
			var Album_Id=Album_Id.split("|");
			var Video_Id=Video_Id.split("|");
			var lendata=(Id_No.length)-1;
			var marker = new Array();
			var LocationIcon = new GIcon(G_DEFAULT_ICON);
			LocationIcon.iconSize = new GSize(10, 25);
			
			for(var i=0;i<lendata;i++)
			{
				//boxtext.push("<B>"+names[i]+"</B>");
				var point = new GLatLng(lati[i], longi[i]);
			    marker.push(new GMarker(point,LocationIcon));
				map.addOverlay(marker[i]);
			}
			$(marker).each(function(i,marker){
				$("<li />")
											
					GEvent.addListener(marker, "click", function(){
						//var moveEnd = GEvent.addListener(map, "moveend", function(){
						var markerOffset = map.fromLatLngToDivPixel(marker.getLatLng());

						var dt = Date[i].toString().split('-');
						var dt = dt[2] + '/' + dt[1] + '/' + dt[0]
						//var Youtubevideo="<a href="+Video_Id[i]+"></a>"
						var res="<div style=\"font-size:12px;\">  " + dt + " <br/> "   + Long_description[i]  + "<br>"+Video_Id[i]+"</div>";
						marker.openInfoWindowHtml(res);
						//GEvent.removeListener(moveEnd);
					});
					map.panTo(marker.getLatLng());
						//displayPoint(marker, i);
					});
				});
	}
});
// + "<br />  "+ Time_info[i]