Hi, i have page which generate lightweight box it has function as
popups is another folder which contain allwidgetMenus.html the function is as follows
function ajax_showTooltip(e,externalFile,inputObj) { currentTooltipObject = inputObj; //window.onresize = function(e) { ajax_positionTooltip(e); } ; if(document.all)e = event;
if(!ajax_tooltipObj)    /* Tooltip div not created yet ? */
{
    ajax_tooltipObj = document.createElement('DIV');
    ajax_tooltipObj.style.position = 'absolute';
    ajax_tooltipObj.id = 'ajax_tooltipObj';     
    document.body.appendChild(ajax_tooltipObj);
    var leftDiv = document.createElement('DIV');    /* Create arrow div */
    leftDiv.className='ajax_tooltip_arrow';
    leftDiv.id = 'ajax_tooltip_arrow';
    ajax_tooltipObj.appendChild(leftDiv);
    var contentDiv = document.createElement('DIV'); /* Create tooltip content div */
    contentDiv.className = 'ajax_tooltip_content';
    ajax_tooltipObj.appendChild(contentDiv);
    contentDiv.id = 'ajax_tooltip_content';
    contentDiv.style.marginBottom = '15px';
    // Creating button div
    var buttonDiv = document.createElement('DIV');
    buttonDiv.style.cssText = 'position:relative;float:right;right:135px;top:-95px;text-align:center;background-color:#FFF;font-size:0.8em;height:15px;z-index:10000000';
    buttonDiv.innerHTML = '<a href="#" onclick="ajax_hideTooltip();return false"><img src="img/closelabel.png" height="22" width="66"/></a>';
    ajax_tooltipObj.appendChild(buttonDiv);
    if(ajax_tooltip_MSIE){  /* Create iframe object for MSIE in order to make the tooltip cover select boxes */
        ajax_tooltipObj.style.cursor = 'default';
        ajax_tooltipObj_iframe = document.createElement('<IFRAME frameborder="0">');
        ajax_tooltipObj_iframe.style.position = 'absolute';
        ajax_tooltipObj_iframe.border='0';
        ajax_tooltipObj_iframe.frameborder=0;
        ajax_tooltipObj_iframe.style.backgroundColor='#FFF';
        ajax_tooltipObj_iframe.src = 'about:blank';
        contentDiv.appendChild(ajax_tooltipObj_iframe);
        ajax_tooltipObj_iframe.style.left = '0px';
        ajax_tooltipObj_iframe.style.top = '0px';
    }       
}
// Find position of tooltip
ajax_tooltipObj.style.display='block';
ajax_loadContent('ajax_tooltip_content',externalFile);
if(ajax_tooltip_MSIE){
    ajax_tooltipObj_iframe.style.width = ajax_tooltipObj.clientWidth + 'px';
    ajax_tooltipObj_iframe.style.height = ajax_tooltipObj.clientHeight + 'px';
}
ajax_positionTooltip(e,inputObj); 
}
function ajax_positionTooltip(e,inputObj)
{
    if(!inputObj)inputObj=currentTooltipObject;
    if(inputObj){
        var leftPos = (ajaxTooltip_getLeftPos(inputObj) + inputObj.offsetWidth);
        var topPos = ajaxTooltip_getTopPos(inputObj);
    }else{
       var leftPos = e.clientX;
       var topPos = e.clientY;
    }
   var tooltipWidth = document.getElementById('ajax_tooltip_content').offsetWidth +  document.getElementById('ajax_tooltip_arrow').offsetWidth;
   ajax_tooltipObj.style.left = leftPos + 'px';
   ajax_tooltipObj.style.top = topPos + 'px';
} 
function ajax_hideTooltip() { ajax_tooltipObj.style.display='none'; }
function ajaxTooltip_getTopPos(inputObj)
{
  var returnValue = inputObj.offsetTop;
  while((inputObj = inputObj.offsetParent) != null){
    if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;
  }
  return returnValue;
}
function ajaxTooltip_getLeftPos(inputObj) { var returnValue = inputObj.offsetLeft; while((inputObj = inputObj.offsetParent) != null){ if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft; } return returnValue; }
Now my query how can i put this code in cakephp
Please reply
Thanks