function positionTooltip(obj, event)
{
    topPos = parseInt(event.pointerY() - obj.getHeight() - 10);
    leftPos = parseInt(event.pointerX() - 23);
    obj.style.top = topPos+'px';
    obj.style.left = leftPos+'px';
}

function getTooltip(content, id) {
	tooltip = new Element('div', { 'class': 'tooltip', 'id': 'tooltip_'+id, 'style': 'display: none;' });
    innertooltip = new Element('div', { 'class': 'inner_tooltip' }).update(content);
    tooltip.appendChild(innertooltip);
    document.body.appendChild(tooltip);
}

function addTooltipsToProductItem(id, infotext, filialetext, onlineshoptext) 
{
	id = id.split('_');
	id = id[1];

	// tab-hover (IE6 doesn't support :hover on non-a tags)
	$('buttonContainer_'+id).childElements().each(function(obj)
    {
	  if($('listbutton_'+id+'_info'))
	  {
		//create info-tooltip
	    getTooltip(infotext, 'listbutton_'+id+'_info');
	  }

	  if($('listbutton_'+id+'_filiale'))
	  {
		//create filial-tooltip
	    getTooltip(filialetext, 'listbutton_'+id+'_filiale');
	  }

	  if($('listbutton_'+id+'_onlineshop'))
	  {
		//create onlineshop-tooltip
	    getTooltip(onlineshoptext, 'listbutton_'+id+'_onlineshop');
	  }
	});
	
	// tab-hover (IE6 doesn't support :hover on non-a tags)
    $('buttonContainer_'+id).childElements().each(function(obj)
    {
        obj.observe('mousemove', function(event)
        {
            obj.addClassName('hover');
            if($('tooltip_'+obj.id))
            {
                $('tooltip_'+obj.id).show();
                positionTooltip($('tooltip_'+obj.id), event);
            }
        });
        obj.observe('mouseout', function()
        {
            obj.removeClassName('hover');
            if($('tooltip_'+obj.id))
            {
                $('tooltip_'+obj.id).hide();
            }
        });
    });
}