var xpos;
var ypos;
var aktif=0;

var ie = document.all?true:false;
if (!ie) document.captureEvents(Event.MOUSEMOVE)
if(!ie){
    document.onmousemove = getMouseXY;
}

function ttips(n,s){
    var obj = document.getElementById('tooltip');
    if(n){
        obj.style.visibility = "visible";
        obj.innerHTML = kotak(s);
        aktif=1;
        obj.style.left = 200;
    }else{
        obj.style.visibility = "hidden";
        aktif=0;
    }
}

function getMouseXY(e) {

    if (ie) {
        xpos = event.clientX + document.body.scrollLeft;
        ypos = event.clientY + document.body.scrollTop;
        

    }else{
        xpos = e.pageX;
        ypos = e.pageY;
    }
    if (xpos < 0){xpos = 0;}
    if (ypos < 0){ypos = 0;}

    if(aktif){getpos(xpos,ypos);}
    
}

function getpos(x,y){
    var posisiX = parseInt(x+15);
    var posisiY = parseInt(y+10);
    
    document.getElementById("tooltip").style.left = posisiX+"px";
    document.getElementById("tooltip").style.top = posisiY+"px";
}

function kotak(s){
    var box = "";
    
    //box += "<table class='tooltable'>";
    //box += "<tr>";
    //box += "<td>"+s+"</td>";
    //box += "</tr>";
    //box += "</table>";
    box += "<div class='tooltable'>"+s+"</div>";
    
    return box;
}