function initBubble() {
	// Tenemos el enlace
	if(document.getElementById('ico-flecha')==null)
		return false;
		
	var a = document.getElementById('ico-flecha').getElementsByTagName('a')[0];
	
	var imagen = document.createElement('img');
	imagen.setAttribute('src', globals_web_eroski.relPath + '/imgs/ico.boton-flecha.png');
	imagen.setAttribute('alt', '');
	imagen.style.marginLeft = '0.5em';
	a.appendChild(imagen);

	if(a.addEventListener)
		a.addEventListener('click', toggleBubble, false);
	else
		a.attachEvent('onclick', toggleBubble);

	var capa = document.createElement('ul');
	capa.setAttribute('id', 'capa-tiendas-online');
    // Modo Nuevo
    if (globals_web_eroski.bubbleUrlClickTrack) {
      for(var i = 0; i < globals_web_eroski.bubble.length; i++) {
        createBubbleOption(globals_web_eroski.bubble[i], globals_web_eroski.bubbleUrl[i], capa, 'javascript: pageTracker._trackPageview('+globals_web_eroski.bubbleUrlClickTrack[i]+');');
      }
    }
    // Modo clasico
    else {
      // Necesitamos indicar en el chivato de analytics el idioma de origen de la petición
      if (globals_web_eroski.lang != 'es') {
        var lang_source_for_analytics = '.' + globals_web_eroski.lang;
      } else {
        var lang_source_for_analytics = '';
      }
      //alert("javascript: pageTracker._trackPageview ('/enlaces-externos/tiendaonline.alimentacion" + lang_source_for_analytics + "-menusuperior');");
      createBubbleOption(globals_web_eroski.bubble[0], globals_web_eroski.bubbleUrl[0], capa, "javascript: pageTracker._trackPageview ('/enlaces-externos/tiendaonline.alimentacion" + lang_source_for_analytics + "-menusuperior');");
      createBubbleOption(globals_web_eroski.bubble[1], globals_web_eroski.bubbleUrl[1], capa, "javascript: pageTracker._trackPageview ('/enlaces-externos/tiendaonline.electrodomesticos" + lang_source_for_analytics + "-menusuperior');");
      createBubbleOption(globals_web_eroski.bubble[2], globals_web_eroski.bubbleUrl[2], capa, "javascript: pageTracker._trackPageview ('/enlaces-externos/tiendaonline.electronica" + lang_source_for_analytics + "-menusuperior');");
      createBubbleOption(globals_web_eroski.bubble[3], globals_web_eroski.bubbleUrl[3], capa, "javascript: pageTracker._trackPageview ('/enlaces-externos/tiendaonline.movil" + lang_source_for_analytics + "-menusuperior');");
      createBubbleOption(globals_web_eroski.bubble[4], globals_web_eroski.bubbleUrl[4], capa, "javascript: pageTracker._trackPageview ('/enlaces-externos/tiendaonline.ocioycultura" + lang_source_for_analytics + "-menusuperior');");
      createBubbleOption(globals_web_eroski.bubble[5], globals_web_eroski.bubbleUrl[5], capa, "javascript: pageTracker._trackPageview ('/enlaces-externos/tiendaonline.prestamos" + lang_source_for_analytics + "-menusuperior');");
      createBubbleOption(globals_web_eroski.bubble[6], globals_web_eroski.bubbleUrl[6], capa, "javascript: pageTracker._trackPageview ('/enlaces-externos/tiendaonline.seguros" + lang_source_for_analytics + "-menusuperior');");
      createBubbleOption(globals_web_eroski.bubble[7], globals_web_eroski.bubbleUrl[7], capa, "javascript: pageTracker._trackPageview ('/enlaces-externos/tiendaonline.viajes" + lang_source_for_analytics + "-menusuperior');");
    }
	document.body.appendChild(capa);
}

function getPosition(element) {
	var el = element, left = 0, top = 0;
        do {
                left += el.offsetLeft || 0;
                top += el.offsetTop || 0;
                el = el.offsetParent;
        } while (el);

	return {'x': left, 'y': top};
}

function createBubbleOption(nombre, enlace, dest, pageTrackerGoogleAnalytics) {
        var li = document.createElement('li');

        var opcion = document.createElement('a');
        opcion.setAttribute('href', enlace);
        if(pageTrackerGoogleAnalytics) {
            opcion.setAttribute('onclick', pageTrackerGoogleAnalytics);
        }
        opcion.appendChild(document.createTextNode(nombre));
        li.appendChild(opcion);

        dest.appendChild(li);
}

function toggleBubble(e) {
		var e = new Event(e);
		e.stop();

        var bubble = document.getElementById('capa-tiendas-online');

		var pos = getPosition(document.getElementById('ico-flecha').getElementsByTagName('img')[0]);

		// Calculamos la posición del icono
		bubble.style.top = (pos.y + 13) + 'px';
		bubble.style.left = (pos.x - 93) + 'px';

        if(bubble.style.display == 'block')
                bubble.style.display = 'none';
        else
                bubble.style.display = 'block';
		bubble.blur();
}

window.addEvent('load',initBubble);