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

function addLoadEvent(func) {
	var oldonload = window.onload;
	if(typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}


function enableBalloon(id) {
	var links, i, h;
	if(!document.getElementById || !document.getElementsByTagName) return;
	
	AddCss();
	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++){
		var cls = links[i].getAttribute('class') || links[i].getAttribute('className');
		if (cls != null) {
			if (cls.match("wht-balloon")) {
				Prepare(links[i]);
			}
		}
	}
}

function Prepare(el) {
	var balloon, t, b, s, l;
//	t = el.getAttribute("title");
//	if (t == null || t.length == 0) t = "link:";
	el.removeAttribute("title");
	balloon = CreateEl("span", "balloon");
//	s = CreateEl("span", "top");
//	s.appendChild(document.createTextNode(t));
//	balloon.appendChild(s);
//	b = CreateEl("b", "bottom");
//	l = el.getAttribute("href");
//	if(l.length > 30) l = l.substr(0,27) + "...";
//	b.appendChild(document.createTextNode(l));
//	balloon.appendChild(b);
//	setOpacity(balloon);
	el.balloon = balloon;
	el.onmouseover = showBalloon;
	el.onmouseout = hideBalloon;
	el.onmousemove = Locate;
}

function showBalloon(e) {
	document.getElementById("btc").appendChild(this.balloon);
	Locate(e);
}

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

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

function CreateEl(t,c){
	var x = document.createElement(t);
	x.className = c;
	x.style.display = "block";
	return(x);
}

function AddCss(){
	var l = CreateEl("link");
	l.setAttribute("type", "text/css");
	l.setAttribute("rel", "stylesheet");
	l.setAttribute("href", "http://www.whitehousetown.jp/css/wht-balloon.css");
	l.setAttribute("media", "screen");
	document.getElementsByTagName("head")[0].appendChild(l);
}

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