/*window.onload=function(){
	if(!document.getElementById("obj")) return;
	var divs=document.getElementById("obj").getElementsByTagName("div");
	for(var i=0; i<divs.length; i++){
		var b=divs[i].getElementsByTagName('ul')[0];
		if(!b) continue;
		b.style.display='none';
		divs[i].onmouseover=function(){
			var b=this.getElementsByTagName('ul')[0];
			b.style.display='block';
		}
		divs[i].onmouseout=function(){
			var b=this.getElementsByTagName('ul')[0];
			b.style.display='none';
		}
		var lis=divs[i].getElementsByTagName('li');
		for(var j=0; j<lis.length; j++){
			if(lis[j].className=="close"){
				lis[j].onclick=function(){
					this.parentNode.style.display='none';
				}
				break;
			}
		}
	}
}*/
document.observe('dom:loaded', function(){
        var balloons=document.getElementsByClassName('balloon');
        for(var i=0; i<balloons.length; i++){
                var par=balloons[i].parentNode;
                balloons[i].style.display="block";
                //console.info(balloons[i].getStyle('bottom').replace("px","")+";"+balloons[i].getStyle('left').replace("px",""));
                if(balloons[i].getStyle('left')) var BX=balloons[i].getStyle('left').replace("px","")
                    else var BX=0;
                if(balloons[i].getStyle('bottom') )var BY=balloons[i].getStyle('bottom').replace("px","")
                    else var BY=0;
                BX*=1;
                BY*=-1;
                //console.info(BX);
                //console.info(BY);
                new Tip(par, par.innerHTML, {
                        hideOn: { element: 'tip', event: 'mouseout'},
                        hideAfter: 1,
                        effect: 'appear',
                        hook: { tip: 'bottomLeft', target: 'bottomLeft'},
                        offset:{x:BX,y:BY},
                        className: '',
                        closeButton: true
                });
                balloons[i].hide();
        }
})