// JavaScript Document
// Tooltips para el mapa interactivo

// Variables para las subzonas de cada uno

var otros='Otros inmuebles en la zona noroeste';
var otros_fr='Plus de propriétés dans la zone Nord-Ouest';
var otros_en='Other properties in the North West area';
var torrelodones='Las Marías<br />Los Peñascales<br />Parquelagos Galapagar<br />Torrelodones';
var lamoraleja='La Moraleja<br />Soto de la Moraleja<br />El Encinar de los Reyes<br />Cuesta Blanca<br />Arroyo de la Vega<br />Vega de la Moraleja<br />Sanchinarro';
var valdelagua='Valdelagua';
var santodomingo='Santo Domingo';
var ciudalcampo='Ciudalcampo';
var clubdecampo='Club de Campo';
var fuentedelfresno='Fuente del Fresno<br />La Granjilla';
var condeorgaz='Conde de Orgaz<br />Arturo Soria<br />Campo de las Naciones<br />La Piovera<br />Quinta de los Molinos - Arturo Soria<br />Parque Juan Carlos I<br />La Piovera - Colonia Alfonso XIII<br />Arcentales - Arturo Soria<br />Las Cárcavas<br />Alameda de Osuna';
var madrid='Barrio de Salamanca<br />Almagro<br />Los Jerónimos<br />El Viso<br />Castellana<br />Paseo de La Habana<br />Recoletos<br />Retiro<br />Chamberí<br />Chamartín<br />Justicia<br />Palacio<br />Las Cortes<br />Lista<br />Nueva España<br />Hispanoamérica<br />Argüelles<br />Moncloa<br />Arapiles<br />Cuatro Caminos<br />Castillejos<br />Embajadores';
var majadahonda='Los Montes del Pilar<br />El Pinar del Plantío<br />Intergolf<br />El Carralero<br />Carretera del Plantío<br />Las Norias de Majadahonda<br />Majadahonda';
var elplantio='La Florida<br />Las Escorzoneras<br />El Plantío (solo Parcelas)<br />El Plantío';
var mirasierra='Mirasierra<br />Arroyo Fresno<br />Fuentelarreina<br />Tres Olivos<br />Peñagrande<br />Julio Palacios<br />Montecarmelo<br />Las Tablas<br />Alfredo Marquerie';
var valdemarin='Valdemarín Pardo de Aravaca<br />Valdemarín Hills<br />Valdemarín (solo Parcelas)<br />Valdemarín';
var somosaguas='Somosaguas<br />Prado de Somosaguas<br />Prado del Rey<br />Prado Largo<br />Colonia de los Ángeles';
var moncloa='Ciudad Universitaria<br />Vallehermoso<br />Moncloa';
var aravaca='Diplomáticos Aravaca<br />Aravaca centro<br />La Buganvilla<br />La Rinconada<br />Osa Mayor<br />Fuente del Rey<br />La Zarzuela Pardo de Aravaca<br />Colonia de Camarines<br />Aravaca (solo Parcelas)<br />Casaquemada<br />El Barrial - Aravaca<br />El Plantío - Aravaca<br />Aravaca';
var bohadilla='Monte Príncipe<br />Las Lomas<br />Bonanza<br />Valdepastores<br />Valdecabañas<br />Parque Boadilla<br />Pino Centinela<br />Olivar de Mirabal<br />Guadamonte Villanueva<br />Boadilla';
var pozuelo='Monte Alina<br />La Finca<br />La Cabaña<br />Parque de Bellas Artes<br />Álamos de Bularas<br />Pozuelo Estación<br />Monteclaro<br />Pozuelo Zona Norte<br />Pozuelo Hipercor<br />Pozuelo (solo Parcelas)<br />Pozuelo';
var puertadehierro='Puerta de Hierro';
var lasrozas='El Golf<br />El Pinar de Las Rozas<br />Molino de la Hoz<br />El Cantizal<br />Monterrozas<br />La Chopera<br />La Marazuela - El Torreón<br />Zona del Burgo<br />Los Jarales<br />Európolis<br />Las Rozas';

// Codigo para los tooltips
// http://sixrevisions.com/tutorials/javascript_tutorial/create_lightweight_javascript_tooltip/

var tooltip=function(){
 var id = 'tt';
 var top = 3;
 var left = 3;
 var maxw = 300;
 var speed = 10;
 var timer = 20;
 var endalpha = 95;
 var alpha = 0;
 var tt,t,c,b,h;
 var ie = document.all ? true : false;
 return{
  show:function(v,w){
   if(tt == null){
    tt = document.createElement('div');
    tt.setAttribute('id',id);
    t = document.createElement('div');
    t.setAttribute('id',id + 'top');
    c = document.createElement('div');
    c.setAttribute('id',id + 'cont');
    b = document.createElement('div');
    b.setAttribute('id',id + 'bot');
    tt.appendChild(t);
    tt.appendChild(c);
    tt.appendChild(b);
    document.body.appendChild(tt);
    tt.style.opacity = 0;
    tt.style.filter = 'alpha(opacity=0)';
    document.onmousemove = this.pos;
   }
   tt.style.display = 'block';
   c.innerHTML = v;
   tt.style.width = w ? w + 'px' : 'auto';
   if(!w && ie){
    t.style.display = 'none';
    b.style.display = 'none';
    tt.style.width = tt.offsetWidth;
    t.style.display = 'block';
    b.style.display = 'block';
   }
  if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
  h = parseInt(tt.offsetHeight) + top;
  clearInterval(tt.timer);
  tt.timer = setInterval(function(){tooltip.fade(1)},timer);
  },
  pos:function(e){
   var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
   var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
   tt.style.top = (u - h) + 'px';
   tt.style.left = (l + left) + 'px';
  },
  fade:function(d){
   var a = alpha;
   if((a != endalpha && d == 1) || (a != 0 && d == -1)){
    var i = speed;
   if(endalpha - a < speed && d == 1){
    i = endalpha - a;
   }else if(alpha < speed && d == -1){
     i = a;
   }
   alpha = a + (i * d);
   tt.style.opacity = alpha * .01;
   tt.style.filter = 'alpha(opacity=' + alpha + ')';
  }else{
    clearInterval(tt.timer);
     if(d == -1){tt.style.display = 'none'}
  }
 },
 hide:function(){
  clearInterval(tt.timer);
   tt.timer = setInterval(function(){tooltip.fade(-1)},timer);
  }
 };
}();