InnerHTML e php!

[andbaz]

Questo è il mio script, un codice che mi permette di visualizzare un tooltip al passaggio sopra del mouse su di un determinato elemento, volevo sapere come immettere del codice php all'interno dell'innerHTML verso metà script, esiste un sistema x risolvere il mio problema? Se si in che modo risolvo?

var tip = new (function() {
    var overX, overY, leftPos, topPos, div, OFF = true;    
    this.follow = function (mouse1) {    
        if (OFF) { return; }        
        if (!mouse1) { mouse1 = window.event; }        
        var moveX =  mouse1.clientX, moveY =  mouse1.clientY;        
        leftPos += moveX - overX; topPos += moveY - overY;
        div.style.left = leftPos + "px";
        div.style.top = topPos + "px";        
        overX = moveX; overY = moveY;
    };    
    this.remove = function () {
        if (OFF) { return; }
        OFF = true; document.body.removeChild(div);
    };
    this.append = function (mouse2) {
        if (!mouse2) { mouse2 = window.event; }
        [COLOR=red]div.innerHTML = "<div><?php echo $piu; ?></div>";[/COLOR] 
        if (OFF) { document.body.appendChild(div); OFF = false; }
        var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft, scrollY = document.documentElement.scrollTop || document.body.scrollTop, nWidth = div.offsetWidth, nHeight = div.offsetHeight;
        overX = mouse2.clientX; overY = mouse2.clientY;
        leftPos = document.body.offsetWidth - overX - scrollX > nWidth ? overX + scrollX + 10 : document.body.offsetWidth - nWidth + 16;
        topPos = overY - nHeight > 6 ? overY + scrollY - nHeight - 7 : overY + scrollY + 20;
        div.style.left = leftPos + "px";
        div.style.top = topPos + "px";        
    };
    this.init = function() {
        div = document.createElement('div');
        div.setAttribute('id','tip');
    };
})();