var photos = null;
    var markers = [];
    var points = [];
    var cnt = 0;
    var p_icon = null;

    function initPanoramio() {
      if (GBrowserIsCompatible()) {
        GEvent.addListener(map1, 'dblclick', function(overlay, point){
          var zoom = map1.getZoom();
          map1.setCenter( point, zoom);
          deletePanoramio();
          getPanoramio();
        });
        p_icon = new GIcon();
        p_icon.image = "http://www.panoramio.com/img/panoramio-marker.png";
        p_icon.iconSize = new GSize(20, 15);
        p_icon.iconAnchor = new GPoint(10, 8);
        p_icon.infoWindowAnchor = new GPoint(10, 0);
	p_icon.shadow = "http://webtips.open-log.net/image/orgShadow.png";
        p_icon.shadowSize = new GSize(28, 21);
      }
    }

function getPanoramio(){
    var b = map1.getBounds();
    var ne = b.getNorthEast();
    var sw = b.getSouthWest();
    var minx = sw.lng() + (ne.lng() - sw.lng())*1/4;
    var miny = sw.lat() + (ne.lat() - sw.lat())*1/4;
    var maxx = ne.lng() - (ne.lng() - sw.lng())*1/4;
    var maxy = ne.lat() - (ne.lng() - sw.lng())*1/4;
    var url = "http://www.panoramio.com/map/get_panoramas.php?order=popularity&set=public&from=0&to=5&minx="+minx+"&miny="+miny+"&maxx="+maxx+"&maxy="+maxy+"&size=small&callback=setPanoramio";
    var el = document.createElement("script");
    el.setAttribute("type","text/javascript");
    el.setAttribute("src", url);
    document.getElementsByTagName("head").item(0).appendChild(el);
}


function setPanoramio(json){
  photos = json.photos;
  while(document.getElementById("pictures").hasChildNodes()){
    document.getElementById("pictures").removeChild(document.getElementById("pictures").firstChild);
  }
  for(var i=0; i < 5 && i < photos.length;i++){
    var p = photos[i];
    var icon = new GIcon( p_icon );
    icon.image = p.photo_file_url;
    var str = "<div style='color:black;'><b>"+p.photo_title+"</b><br />";
    str += "<a href='"+p.photo_url+"' title='Panoramioのサイトへ' target='_new'>";
    str += "<img src='"+p.photo_file_url+"' style='width:"+p.width+"; height:"+p.height+"; border:0;' />";
    str += "</a>";
    str += "<br />";
    str += "<a href='"+p.owner_url+"' style='color:black;' target='_new'>"+p.owner_name+"</a></div>";
    var lat = p.latitude;
    var lon = p.longitude;
    setMarker(cnt, lat, lon, str, icon);
    var td = document.createElement("td");
    td.innerHTML =  "<a href='' onclick='markers["+cnt+"].myStrOpen(); return false;'><img src='"+p.photo_file_url+"' style='width:"+p.width/2+"; height:"+p.height/2+"; border:0;' alt='" + p.photo_title + "' /></a><br><font size=-2>author:<a href='"+p.owner_url+"' style='color:black;' target='_new'>"+p.owner_name+"</a></font>";
    td.id = "marker_"+cnt;
    document.getElementById("pictures").appendChild(td);
    cnt ++;
  }

}

function  setMarker(id, lat, lon, str, icon){
    points[id] = new GLatLng( lat, lon );
    markers[id] = new GMarker(points[id], icon);
    map1.addOverlay(markers[id]);
    GEvent.addListener(markers[id], 'click', function(){
      markers[id].openInfoWindowHtml(str);
    });
    markers[id].myStrOpen = function (){
      markers[id].openInfoWindowHtml(str);
    }
}


function deletePanoramio(){
   for (var i = 0; i < markers.length; i++){
      map1.removeOverlay(markers[i]);
   }

}