/* TKMaps Add Func Panoramio*/

TKMapsObj.setPanoramio = function(obj){
  var maxMarkers = 30;
  var ch = "Panoramio";
  var E = this.getEnv();
  if(obj.photos && obj.photos.length > 0){
    for(var i=0;i < obj.photos.length;i++){
      var s = obj.photos[i];
      var iconObj = new GIcon();
      iconObj.image = (E.mapType == "Map")? s.photo_file_url :"/images/panoramio-marker.png";
      iconObj.iconSize = new GSize(20, 20);
      iconObj.iconAnchor = new GPoint(10,10);
      iconObj.infoWindowAnchor = new GPoint(10,10);
      var w = "<div class=\"PanoramioInfo\"><b>"+s.photo_title+"</b><br /><a href=\""+s.photo_url+"\" target=\"_blank\"><img src=\""+s.photo_file_url+"\" /></a><br />";
      w += "Photo by <a href=\""+s.owner_url+"\" target=\"_blank\">"+s.owner_name+"</a><br />"+s.upload_date+"</div>";
      var mObj = {id:s.photo_id, chname:ch,lat:s.latitude,lon:s.longitude,opt:{title: s.photo_title, icon:iconObj },window:w};
      var rt = this.addAndRemoveMarker(ch, mObj, maxMarkers);
      if(rt && rt.chname == ch){
        var delid = rt.chid;
      }
    }
  }
  $(this.mapid+"_status_Panoramio").innerHTML = "";
}

TKMapsObj.getPanoramio = function(){
  if(this.PanoramioFlg == 0) return null;
  if(this.windowOpenFlg == 1) return null;
  if(! $(this.mapid+"_status_Panoramio")){
    this.addStatusSpan("Panoramio");
  }else{
    $(this.mapid+"_status_Panoramio").innerHTML = "<img src=\"/images/ajax-loader-sq.gif\" />Panoramio 読み込み中";
  }
  var e = this.getEnv();
  var url = "http://www.panoramio.com/map/get_panoramas.php?order=popularity&set=public&from=0&to=20&minx="+e.minlon+"&miny="+e.minlat+"&maxx="+e.maxlon+"&maxy="+e.maxlon+"&size=small";
  url += "&callback=TKMapsObj.setPanoramio";
  this.addScript(url);
}

TKMapsObj.moveFuncs.push( function(){
  TKMapsObj.getPanoramio();
});

TKMapsObj.changePanoramioFlg = function(){
  var ch = "Panoramio";
  var credit = "<img class=\"PanoramioIcon\" src=\"/images/panoramio-marker.png\" /><a href=\"http://www.panoramio.com/api/\">Panoramio API</a>";
  this.addCredit(ch, credit);
  if(this.PanoramioFlg == 1){
    this.PanoramioFlg = 0;
    this.clearChMarkers(ch);
    $("PanoramioSwitch").innerHTML = "<img id=\"PanoramioIcon\" src=\"/images/panoramio-marker.png\" />Panoramio表示";
    $("PanoramioSwitch").className = "changeFlgButtomOFF";
  }else{
    this.PanoramioFlg = 1;
    TKMapsObj.getPanoramio();
    $("PanoramioSwitch").innerHTML = "<img id=\"PanoramioIcon\" src=\"/images/panoramio-marker.png\" />Panoramio停止";
    $("PanoramioSwitch").className = "changeFlgButtomON";
  }
}

TKMapsObj.PanoramioFlg = 0;