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

function enableTooltips(id){
	if(document.getElementById(id)){
		var links, i, h;
		if(!document.getElementById || !document.getElementsByTagName){
			return;
		}
		h = document.createElement("div");
		h.id = "btc";
		h.setAttribute("id", "btc");
		h.style.position = "absolute";
		document.getElementsByTagName("body")[0].appendChild(h);
		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, l, b, s, i = 0;
	var sa = new Array( 5 );
	t = el.getAttribute("title");
	if(t != null && t.length != 0){
		el.removeAttribute("title");
		tooltip = CreateEl("div", "bubbleTooltips");
		if(t.match(/  /)){
			do{
				sa[i] = CreateEl("div", "p" + (i + 1));
				sa[i].appendChild(document.createTextNode(RegExp.leftContext));
				t = RegExp.rightContext;
				tooltip.appendChild(sa[i]);
				i ++;
			}while(t.match(/  /));
		}
		sa[i] = CreateEl("div", "p" + (i + 1));
		sa[i].appendChild(document.createTextNode(t));
		tooltip.appendChild(sa[i]);

		l = el.getAttribute("href");
		if(l.match(/^http:\/\/www.nicovideo.jp\/watch\/(sm|ca|ax|yo|ig|nl|na|nm|za|zb|zc|zd|cw|sk|yk|om|ze|so)/)){
			b = CreateEl("img");
			b.src = 'http://tn-skr.smilevideo.jp/smile?i=' + RegExp.rightContext
			b.alt = "";
			tooltip.appendChild(b);
		}

		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 CreateEl(t, c){
	var x = document.createElement(t);
	x.className = c;
	x.style.display = "block";
	return(x);
}

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";
	document.getElementById("btc").style.left = (posx - 45) + "px";
}