//<![CDATA[
function clicker(){
	GEvent.addListener(map, 'click' , function( overlay,point) {
	if (point) {
		var markera = new GMarker(point);
		map.addOverlay(markera);
      	markera.openInfoWindowHtml("<form  method='post' action='mysql.php'><input type=hidden name=lat value="+point.y+"><input type=hidden name=lng value="+point.x+"><table><tr><td>Your Name: &nbsp;<\/td><td><input name='mark_submitted_by' type='text' size='8'><\/td><\/tr><tr><td align='right'>Comment&nbsp;<\/td><td><textarea name='mark_comment' cols='35' rows='6' wrap='VIRTUAL'><\/textarea><\/td><\/tr><tr><td><\/td><td><input name='submit' type='submit' value='Plot'><\/td><\/tr><\/table><\/form>");
			}
		});
	}
function createMarker(point,name,html,mag,comdate) {
    var icon = new GIcon(baseIcon);
    if (comdate == "day") {
	icon.image = "/images/red-dot.gif";
	}
	else 
	if (comdate == "week"     )
	{
	icon.image = "/images/red-yel.gif";
	}
	else {
	icon.image = "/images/blu-grn.gif";
	}
	
	var htmlcomb = html+"<br>Magnitude:"+mag;
	var marker = new GMarker(point,{icon:icon,title:html});
 	GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(htmlcomb); });
 	gmarkers[i] = marker;
	htmls[i] = htmlcomb;
	test=i%25;
 	if(test==24)
	{
	sidebar_html[sidepage] += ' <a href="javascript:myclick(' + i + ')">' + mag + '</a><br>\n ';
	}
	else
	{
	sidebar_html[sidepage] += ' <a href="javascript:myclick(' + i + ')">' + mag + '</a>\n ';
	}
	i++;
	return marker;
   	}

function getMarks() {
map.closeInfoWindow();
		sidepage=0;
		pageitem=0;
		sidebarpage_html="";
		sidebar_html=[];
		htmls=[];
		i=0;
		sidebar_html[0]=notice;
		document.getElementById("sidebar").innerHTML="working...";
		document.getElementById("sidebarpage").innerHTML=sidebarpage_html;
		var mapbounds=new GLatLngBounds();
		for (checkedi=0;checkedi<11;checkedi++){
		if(document.qsearch.sfeature[checkedi].checked){
		var searchItem=document.qsearch.sfeature[checkedi].value;
		checkedi=12
		}	
		}
		if(document.qsearch.searcharea[0].checked)
		{ searcharea='current';
		}
		else {
		searcharea='complete';
		}
		mapbounds=map.getBounds();
		var mapne=mapbounds.getNorthEast();
		var mapsw=mapbounds.getSouthWest();
		var mapSWLat=mapsw.lat();
		var mapSWLng=mapsw.lng();
		var mapNELat=mapne.lat();
		var mapNELng=mapne.lng();
		url="getmark.php?name="+searchItem+"&type=mark&searcharea="+searcharea+"&nelat="+mapNELat+"&nelng="+mapNELng+"&swlat="+mapSWLat+"&swlng="+mapSWLng;
   		var request = GXmlHttp.create();
    		request.open("GET", url, true);
    		request.onreadystatechange = function() {
     		if (request.readyState == 4) {	
			var xmlDoc = request.responseXML;
			var markers = xmlDoc.documentElement.getElementsByTagName("marker");
			for (temp=0;temp<gmarkers.length;temp++){
				map.removeOverlay(gmarkers[temp]);
				}
			gmarkers=[];
			for (var loop1=0;loop1<markers.length;loop1++){
				var id = markers[loop1].getAttribute("id");
				var lat = parseFloat(markers[loop1].getAttribute("lat"));
				var lng = parseFloat(markers[loop1].getAttribute("lng"));
				var point = new GLatLng(lat,lng);
				var html = markers[loop1].getAttribute("html");
				
				var mag = markers[loop1].getAttribute("mag");
				var comdate = new Date();
				 comdate = markers[loop1].getAttribute("comdate");
				var marker = createMarker(point,id,html,mag,comdate);
				if (pageitem >= 49){

					pageitem=0;
					sidepage++;
					sidebar_html[sidepage]=notice;
					}
				else {
					pageitem++;
					}
				
				if(sidepage===0){ map.addOverlay(marker);}
				}
				if(markers.length){
				if(pageitem === 0){
					sidebar_html.pop();
					sidepage--;
					}
				}
				else{
				sidebar_html[0] ="There don't appear to be any items<br>You may want to modify the search and try again<br>";
				if(searcharea=='current'){
					sidebar_html[0]+="You may want to select 'All' and try again<br>";
					}
				}
				var pagecap="";
				if (sidepage > 0){	
					sidebarpage_html += "There were more than one page worths of quakes<br>View Page:<br>";
					for (var loop2=0;loop2<sidebar_html.length;loop2++){
				var testside=(loop2%5)
						if(testside==0){
							sidebarpage_html += "<br>";
						}
						pagecap=loop2+1;	
						sidebarpage_html += '<input type="button" value="'+pagecap+'" onclick="sideBar('+loop2+')">';		
						}
			document.getElementById("sidebarpage").innerHTML=sidebarpage_html;
			}
				
	sidebar_html[sidepage] += ' <br> ';
				document.getElementById("sidebar").innerHTML=sidebar_html[0];

			}
		};
	request.send(null);
}
	function readMap(url) {
    	var request = GXmlHttp.create();
        request.open("GET", url, true);
        request.onreadystatechange = function() {
        	if (request.readyState == 4) {
				map.removeOverlay(borderOverlay);
            	var xmlDoc = request.responseXML;
				var borders = xmlDoc.documentElement.getElementsByTagName("border");
				var bpoints = [];
				for (var loop =0 ; loop < borders.length;loop++){
					var blat = parseFloat(borders[loop].getAttribute("lat"));
					var blng = parseFloat(borders[loop].getAttribute("lng"));
					bpoints[loop] = new GLatLng(blat,blng);
					}
				borderOverlay = new GPolyline(bpoints,"#0000ff",1,1);
				map.addOverlay(borderOverlay);
            	baseitem = xmlDoc.documentElement.getElementsByTagName("base");
              	var basezoom = parseInt(baseitem[0].getAttribute("zoom"));
              	var baselng = parseFloat(baseitem[0].getAttribute("lng"));
              	var baselat = parseFloat(baseitem[0].getAttribute("lat"));
				centerpoint = new GLatLng(baselat,baselng);
				zoomlevel = basezoom;
				map.setCenter(centerpoint,zoomlevel);
          	}	
        	};
        	request.send(null);
      }
	
function myclick(i){
	gmarkers[i].openInfoWindowHtml(htmls[i]);
 	GEvent.addListener(gmarkers[i].openInfoWindowHtml, "click", function() { alert("clicked"); });
		
	}
function sideBar(page){
map.closeInfoWindow();
	var totmark=gmarkers.length;
	for (temp=0;temp<totmark;temp++){
		map.removeOverlay(gmarkers[temp]);
	}

	document.getElementById("sidebar").innerHTML=sidebar_html[page];
	var item1=page*50;
	var max=page*50+50;
	if(max>totmark){max=totmark;}
	for (;item1<max;item1++){
		 map.addOverlay(gmarkers[item1]);
	}
   } 
	//]]>
