var ulicon, uldetails, IsIE;

if(navigator.appName=='Microsoft Internet Explorer') IsIE = true;
else IsIE = false;

function UL_init() {
  ulicon = document.getElementById("ULicon");
  uldetails = document.getElementById("unified_login_info");

  // if(!IsIE) document.captureEvents( Event.MOUSEOVER | Event.MOUSEMOVE | Event.MOUSEOUT);

  if(ulicon) {
    if(IsIE) {
      ulicon.attachEvent("onmouseover",mover);
      ulicon.attachEvent("onmousemove",mmove);
      ulicon.attachEvent("onmouseout",mout);
    } else {
      ulicon.addEventListener("mouseover",mover,false);
      ulicon.addEventListener("mousemove",mmove,false);
      ulicon.addEventListener("mouseout",mout,false);
    }    
    
    //if(IsIE) {  
    //  document.onmouseover=mover;
    //  document.onmousemove=mmove;
    //  document.onmouseout=mout;
    //}
  }
}


function mover(e) {
  var dx, dy;
  var el=(IsIE)?event.srcElement:e.target;
  var mx=(IsIE)?event.clientX:e.pageX;
  var my=(IsIE)?event.clientY:e.pageY;
  
  var bodywidth=(IsIE)?document.body.offsetWidth:window.innerWidth;
  var bodyheight=(IsIE)?document.body.offsetHeight:window.innerHeight;
  
  if(el.className == "ULicon" && uldetails) {
  
    uldetails.style.pixelLeft = 1;
    uldetails.style.pixelTop = 1;
    uldetails.style.display = "block";
    uldetails.zIndex = 1000;
     
    if(uldetails.offsetWidth > 3 * bodywidth / 8) 
      uldetails.style.width = 3 * bodywidth / 8;

    if (mx > bodywidth / 2) dx = -uldetails.offsetWidth - 8;
    else dx = 8;
    //if(mx+dx < 0) dx = -mx;
    if(IsIE) uldetails.style.pixelLeft = mx+dx;
    else uldetails.style.left = mx+dx + "px";

    if (my > bodyheight / 2) dy = -uldetails.offsetHeight - 8;
    else dy = 8;
    if(IsIE) uldetails.style.pixelTop = my+dy;
    else uldetails.style.top = my+dy + "px";
  }
}

function mmove(e) {
  if (uldetails) {
    var dx, dy;
    var el=(IsIE)?event.srcElement:e.target;
    var mx=(IsIE)?event.clientX:e.pageX;
    var my=(IsIE)?event.clientY:e.pageY;
    
    var bodywidth=(IsIE)?document.body.offsetWidth:window.innerWidth;
    var bodyheight=(IsIE)?document.body.offsetHeight:window.innerHeight;

    if (mx > bodywidth / 2) dx = -uldetails.offsetWidth - 8;
    else dx = 8;
    //if(mx+dx < 0) dx = -mx;
    if(IsIE) uldetails.style.pixelLeft = mx+dx;
    else uldetails.style.left = mx+dx+4 + "px";

    if (my > bodyheight / 2) dy = -uldetails.offsetHeight - 8;
    else dy = 8;
    if(IsIE) uldetails.style.pixelTop = my+dy;
    else uldetails.style.top = my+dy+4 + "px";
  }
}

function mout(e) {
  var el=(IsIE)?event.srcElement:e.target;
  
  if(el.className == "ULicon" && uldetails)
    uldetails.style.display="none";
}

function getPos(el) {
  var left=0, top=0;

  var tel = el;

  while (tel.offsetParent != null) {
    left += tel.offsetLeft - tel.scrollLeft;
    top += tel.offsetTop - tel.scrollTop;
    tel = tel.offsetParent;
  }

  return {left:left,top:top};
}