/*Javascript for Bubble Tooltips by Alessandro Fulciniti
http://pro.html.it - http://web-graphics.com */

function enableTooltips(id)
{
	var links,i,h;
	if(!document.getElementById || !document.getElementsByTagName)
		return;
	
	h=new Element("span");
	h.id="btc";
	h.setAttribute("id","btc");
	h.style.position="absolute";
	document.getElementsByTagName("body")[0].appendChild(h);
	links = $$("div.productPhoto");
	/*
	if(id==null)
		links = document.getElementsByTagName("a");
	else
		links = document.getElementById(id).getElementsByTagName("a");
	*/
	for(i=0;i<links.length;i++)
	{
		Prepare(links[i]);
	}
}

function Prepare(el)
{
	var tooltip,t,b,s,l;
	
	//tooltip = CreateEl("span","tooltip");
	tooltip = new Element("span",{
			'class' : 'tooltip',
			'style' : 'display:block'
		});
	getTooltipContent(el, tooltip);
	
	
	setOpacity(tooltip);
	el.tooltip=tooltip;
	el.onmouseover=showTooltip;
	el.onmouseout=hideTooltip;
	el.onmousemove=Locate;
}

function showTooltip(e)
{
	document.getElementById("btc").appendChild(this.tooltip);
	Locate(e);
}

function hideTooltip(e)
{
	var d=document.getElementById("btc");
	if(d.childNodes.length>0)
		d.removeChild(d.firstChild);
}

function setOpacity(el)
{
	el.style.filter="alpha(opacity:95)";
	el.style.KHTMLOpacity="0.95";
	el.style.MozOpacity="0.95";
	el.style.opacity="0.95";
}

function Locate(e)
{
	var posx=0,posy=0;
	if(e==null) e=window.event;
	if(e.pageX || e.pageY){
		posx=e.pageX; posy=e.pageY;
		}
	else if(e.clientX || e.clientY){
		if(document.documentElement.scrollTop){
			posx=e.clientX+document.documentElement.scrollLeft;
			posy=e.clientY+document.documentElement.scrollTop;
			}
		else{
			posx=e.clientX+document.body.scrollLeft;
			posy=e.clientY+document.body.scrollTop;
			}
		}
	//document.getElementById("btc").style.top=(posy+10)+"px";
	$("btc").style.top  = (posy - $("btc").getSize().y - 10) + "px";
	$("btc").style.left = (posx + 10) + "px";
}

/* additions */
function getTooltipContent(el, tooltip)
{
	productId = el.getAttribute("productId");
	$(tooltip).set('html', '');
	$(tooltip).set('html', '<img src="/img/ajaxLoad.gif" width="32" height="32" alt="loading..." />');
	url = '/?a=product.infoBalloon&productId='+productId+'&layout=empty';

	new Ajax(url, {
		method: 'get',
		evalScripts:true,
		onSuccess:function(html){
			tooltip.set('html', html);
			//postProcessPage(linkTarget);
			Locate(el);
		}
	}).request();

}