//<![CDATA[
// Google maps API Script for lumis Gallery http://www.lumis.com/lumisGallery/
// the map is dynamicly updated by the flickr API once google passes the maps bounding box to the backend script.
// which calls the Flickr API and returns the pictures taken by the calling user for the current map view.
// a new URL is dyanicly generated so the map view can be bookmarked. without updating the browser.


      var side_bar_html = "";
      var gmarkers = [];
      var htmls = [];
	  var moreinfo = [];
	  var sidebarcode = [];
      var i = 0;
	  var datatimeout = "";
	  
var urlparts = location.hash.slice(1);
var segment = urlparts.split("/");
var lat = "0.000000";
var lng = "-3.703562";
var zoom = "1";
var maptype = G_HYBRID_MAP;

if (urlparts != "") {
var lat = segment[1];
var lng = segment[2];
var zoom = segment[3];
var picture = segment[5];
          if (segment[4] == "m") {maptype = G_NORMAL_MAP;}
          if (segment[4] == "k") {maptype = G_SATELLITE_MAP;}
          if (segment[4] == "h") {maptype = G_HYBRID_MAP;}
}
var lat = parseFloat(lat);
var lng = parseFloat(lng);
var zoom = parseInt(zoom);

		var map = new GMap2(document.getElementById("map"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl(1));
		map.setCenter(new GLatLng(lat,lng), zoom, maptype);
		map.enableContinuousZoom();
		map.enableDoubleClickZoom(); 
		map.hideControls();
	  
	      var baseIcon = new GIcon();
			  baseIcon.iconSize=new GSize(12,20);
			  baseIcon.shadowSize=new GSize(12,20);
			  baseIcon.iconAnchor=new GPoint(6,20);
			  baseIcon.infoWindowAnchor=new GPoint(6,5);
		  var star = new GIcon(baseIcon, "http://www.luispabon.com/retina/img/green.png", null, null);
			   

    function sidebarClick(i) {
		   clearTimeout(datatimeout);
	       gmarkers[i].openInfoWindowHtml(htmls[i], {maxUrl:moreinfo[i]});
		   var center = map.getCenter();
		   document.location.hash = "/"+Math.round(center.lat()*100000)/100000+"/"+Math.round(center.lng()*100000)/100000+"/"+map.getZoom()+"/"+map.getCurrentMapType().getUrlArg()+"/"+ i +"/";
		   //buildurl();
      }

function createMarker(point,name,html,infoUrl,icon,side,id) {
	    var picture = id;
        var id = new GMarker(point,icon);
		GEvent.addListener(id, "click", function() {
		  clearTimeout(datatimeout);
          id.openInfoWindowHtml(html, {maxUrl:infoUrl});
        });
        gmarkers[picture] = id;
		htmls[picture] = html;
		moreinfo[picture] = infoUrl;
		sidebarcode[i] = side;
		side_bar_html += '<a href="javascript:sidebarClick(' + picture + ')">' + sidebarcode[i] + '</a>';
        i++;
        return id;
      }

	function buildurl() {
   		var center = map.getCenter();
		var lat = Math.round(center.lat()*100000)/100000;
		var lng = Math.round(center.lng()*100000)/100000;
  		 document.location.hash = "/"+lat+"/"+lng+"/"+map.getZoom()+"/"+map.getCurrentMapType().getUrlArg()+"/";
  	 }
   
	function newdata() {
	      buildurl();			
	      Show('loading');
      	  readMap("http://www.luispabon.com/retina/core/core.mapgetdata.php/"+map.getBounds().getNorthEast()+"/"+map.getBounds().getSouthWest()+"/");
	}	
	
	readMap("http://www.luispabon.com/retina/core/core.mapgetdata.php/"+map.getBounds().getNorthEast()+"/"+map.getBounds().getSouthWest()+"/");
	  
			GEvent.addListener(map, "zoomend", function() {
				buildurl();	
				clearTimeout(datatimeout);		
				datatimeout = setTimeout("newdata();", 4000);
			}); 
			
			GEvent.addListener(map, 'dragend', function() {
				buildurl();	
				clearTimeout(datatimeout);		
				datatimeout = setTimeout("newdata();", 4000);
			});
			
			GEvent.addListener(map, 'dragstart', function() {
				clearTimeout(datatimeout);		
			});
			
			GEvent.addListener(map, 'zoomstart', function() {
				clearTimeout(datatimeout);		
			});
			
			GEvent.addListener(map, "mouseover", function(){
				map.showControls();
			});
			
			GEvent.addListener(map, "mouseout", function(){
				map.hideControls(); 
			});

      function readMap(url) {
		clearTimeout(datatimeout);
        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");
            
            map.getInfoWindow().hide();
            map.clearOverlays();
            gmarkers = [];
            side_bar_html="";
          
            for (var i = 0; i < markers.length; i++) {
              var lat = parseFloat(markers[i].getAttribute("lat"));
              var lng = parseFloat(markers[i].getAttribute("lng"));
              var point = new GLatLng(lat,lng);
              var html = unescape(markers[i].getAttribute("html"));
			  var label = markers[i].getAttribute("label");
			  var infoUrl = markers[i].getAttribute("infoUrl");
			  var side = unescape(markers[i].getAttribute("side"));
			  var id = unescape(markers[i].getAttribute("id"));
			  
			  // make marker
              var marker = createMarker(point,label,html,infoUrl,star,side,id);
              	map.addOverlay(marker);
           	   }
            map.hideControls();
			Hide('loading');
			document.getElementById("viewlinks").innerHTML = side_bar_html;
			if (segment[5]) {sidebarClick(picture)};
          }
        }
		request.send(null);
      }
    //]]>