var canvasSearchE;
 var canvasSearchClaInvisible;
 function myToolTip( oKaMap ){
    this.kaMap = oKaMap;
 };

myToolTip.prototype.crear = function(obj, url){
      $(obj).bt({
          //positions: 'bottom',
          //contentSelector: "$('#example-17-content')", /*hidden div*/
          clickAnywhereToClose: false,
          closeWhenOthersOpen: true,
          ajaxPath: url+' div#contenido',
          trigger: 'click',
          width: 280,
          centerPointX: 1,
          spikeLength: 10,
          spikeGirth: 40,
          padding: 15,
          cornerRadius: 25,
          fill: '#FFF',
          strokeStyle: '#ABABAB',
          strokeWidth: 1
      });
};

myToolTip.prototype.clicpin= function(x, y, nombre,id,url,tipo){
         // tipo=busqueda para busquedas  tipo=leyenda para iconos de leyenda
         var div = document.createElement('div');
         myKaMap.removeDrawingCanvas(canvasSearchClaInvisible);
         canvasSearchClaInvisible = myKaMap.createDrawingCanvas( 12);
         canvasSearchClaInvisible.id="canvasSearchClaInvisible";
         canvasSearchClaInvisible.style.width="1px";
         canvasSearchClaInvisible.style.height="1px";
         var divpoi = document.createElement('div');
         divpoi.id="poicc";
         divpoi.vx=x;
         divpoi.vy=y;
         divpoi.vid=id;
         divpoi.title=nombre;
         divpoi.alt="gmap-pin";
         $(divpoi).addClass("poinvisible");
         //if(tipo=="busqueda")
            
         if(tipo=="leyenda"){
            $(divpoi).css('left',-9);
            $(divpoi).css('top',-9);
         }
         if(tipo=='auspicio'){
            $(divpoi).addClass("icono_auspicio");
         }
         
         $(divpoi).css("position", "relative");
         
         myTips.crear(divpoi, url);
         $(div).css("position", "relative");
         $(div).css('width','0px');
         $(div).css('height','0px');

         div.appendChild(divpoi);
         try{
                  myKaMap.addObjectGeo( canvasSearchClaInvisible, x, y, div );
         }catch(e){
                  alert("setPointsSearchItems"+e);
         }
         myTips.show($('#poicc'));
         //myKaMap.zoomTo(x+1000,y);
}

myToolTip.prototype.clicpinzoom= function(x, y, nombre,id,url,tipo){
    this.clicpin( x,y,nombre,id,url,tipo );
    this.zoomTo(x,y,'poicc');
}

myToolTip.prototype.clicpinzoomno= function(x, y, nombre,id,url,tipo){
    this.clicpin( x,y,nombre,id,url,tipo );
    myKaMap.zoomTo(x+80,y-20);
}

myToolTip.prototype.hide = function(obj){
  $(obj).btOff();
};

myToolTip.prototype.show = function(obj){
  $(obj).btOn();
};

myToolTip.prototype.zoomTo=function(x,y,id){
	this.zoomToScale(x,y,id,2000);
}

myToolTip.prototype.zoomToScale=function(x,y,id, escala){
    myKaMap.zoomTo(x+80,y-20,escala);
    var obj=$('#'+id);
	this.show(obj);
}

myToolTip.prototype.zoomToNoScale=function(x,y,id){
    myKaMap.zoomTo(x+80,y-20);
	this.show($('#'+id));
}

myToolTip.prototype.zoomNuevo=function(x,y,id){
      myKaMap.removeDrawingCanvas(canvasSearchE);
      canvasSearchE = myKaMap.createDrawingCanvas( 11 );
      canvasSearchE.id="canvasSearchE";
      canvasSearchE.style.width="1px";
      canvasSearchE.style.height="1px";
    
      var div = document.createElement('div');
      var divpoi = document.createElement('div');
      divpoi.id="poil"+id;
      $(divpoi).html(1);
      divpoi.vx=x;
      divpoi.vy=y;
      divpoi.vid=id;
      $(divpoi).addClass("poic");
      div.appendChild(divpoi);  
      myKaMap.addObjectGeo( canvasSearchE, x, y, div )
      //myTips.crear(divpoi, base_app+"getinfo/getDetail/"+id+"/"+0+"/"+divpoi.id);
      myTips.clicpinzoom(x, y, "nombre",id,base_app+"getinfo/getDetail/"+id+"/"+0+"/"+divpoi.id,'busqueda');
      this.zoomTo(x,y,divpoi.id);      
}
myToolTip.prototype.zoomNuevoCla=function(x,y,id){
      myKaMap.removeDrawingCanvas(canvasSearchE);
      canvasSearchE = myKaMap.createDrawingCanvas( 11 );
      canvasSearchE.id="canvasSearchE";
      canvasSearchE.style.width="1px";
      canvasSearchE.style.height="1px";

      var div = document.createElement('div');
      var divpoi = document.createElement('div');
      divpoi.id="poil"+id;
      $(divpoi).html('A');
      divpoi.vx=x;
      divpoi.vy=y;
      divpoi.vid=id;
      $(divpoi).addClass("poic");
      div.appendChild(divpoi);
      myKaMap.addObjectGeo( canvasSearchE, x, y, div )
      //myTips.crear(divpoi, base_url+'index.php/clasificados/getTip/'+id+"/"+divpoi.id);
      myTips.clicpinzoom(x, y, "nombre",id,base_url+'index.php/clasificados/getTip/'+id+"/"+divpoi.id,'busqueda');
      this.zoomTo(x,y,divpoi.id);
}