var offsetx = 2;
var offsety = -10;
var status = "";
var bounce = "up";
var ie5 = (document.getElementById && document.all); 
var browserName=navigator.appName; 
var ns6 = (document.getElementById && !document.all); 
var ua = navigator.userAgent.toLowerCase();
var isapple = (ua.indexOf('applewebkit') != -1 ? 1 : 0);
function getmouseposition(e)
{
    if(document.getElementById)
    {
        var iebody=(document.compatMode && 
        	document.compatMode != 'BackCompat') ? 
        		document.documentElement : document.body;
        pagex = (isapple == 1 ? 0:(ie5)?iebody.scrollLeft:window.pageXOffset);
        pagey = (isapple == 1 ? 0:(ie5)?iebody.scrollTop:window.pageYOffset);
        mousex = (ie5)?event.x:(ns6)?clientX = e.clientX:false;
        mousey = (ie5)?event.y:(ns6)?clientY = e.clientY:false;

        var lixlpixel_tooltip = document.getElementById('tooltip');
        lixlpixel_tooltip.style.left = (mousex+pagex+offsetx) + 'px';
        lixlpixel_tooltip.style.top = (mousey+pagey+offsety) + 'px';
        
        var lixlpixel_toolblok = document.getElementById('blok');
        
        if (browserName=="Microsoft Internet Explorer")
          lixlpixel_toolblok.style.left = (mousex+pagex+offsetx+80) + 'px';
        else
          lixlpixel_toolblok.style.left = (mousex+pagex+offsetx-60) + 'px';
        
        lixlpixel_toolblok.style.top = (mousey+pagey+offsety-60) + 'px';
    }
}
 
function newelement(newid)
{ 
    if(document.createElement)
    { 
        
    } 
} 
 
 var counter = 0;
 var middleWidth = 30;
 
 function tooltip()
 {
    
    var el = document.createElement('div'); 
    el.id = "tooltip";     
    el.style.width  = "30px";
    el.style.position = "absolute";
    el.style.display ="block";
    
    document.body.appendChild(el);       
    
    var blok = document.createElement('div'); 
    blok.id = "blok";     
    blok.style.width  = "253px";
    blok.style.height = "66px";
    blok.style.position = "absolute";
    blok.style.display ="block";
  
    document.body.appendChild(blok); 
    $( 'blok' ).innerHTML = "<img src='" + s_WEBROOT + "/shared/images/tempo.png' style='width:253px; height:66px;' />";

    document.onmousemove = getmouseposition;  
 
  }
 

 
 
  function destroyMe()
  {    
    $('bodyDiv').removeChild(document.getElementById('tooltip'));
    $('bodyDiv').removeChild(document.getElementById('blok'));
    document.onmousemove = "";
    middleWidth = 30;
    counter = 0;
  }