//--------------------------------------------------------//
// Multiple Functions to handle element OnFocus event
function UnameFocus()
 {
   document.getElementById('username').style.backgroundColor = '#FFF9EC'; //Make the textbox color lightyellow
   document.getElementById('lbluname').style.color = '#000000'; //Make the label text color black
   document.getElementById('lbluname').innerHTML = 'Email = Loginname:'; //On error raised textbox focus, assign label default text
   document.getElementById('check').style.display='block';
}
function PassWordFocus()
 {
   document.getElementById('password').style.backgroundColor = '#FFF9EC';
   document.getElementById('lblpass').style.color = '#000000';
   document.getElementById('lblpass').innerHTML = 'Passwort:';
}
function RetypePassFocus()
 {
   document.getElementById('password_confirm').style.backgroundColor = '#FFF9EC';
   document.getElementById('lblretype').style.color = '#000000';
   document.getElementById('lblretype').innerHTML = 'Passwort wiederholen:';
   document.getElementById('lblpass').style.color = '#000000';
   document.getElementById('lblpass').innerHTML = 'Passwort:';
}
function UNnameFocus()
 {
   document.getElementById('nachname').style.backgroundColor='#FFF9EC';
   document.getElementById('ufname').style.color = '#000000';
   document.getElementById('ufname').innerHTML = 'Nachname:';
}
function LUnameFocus()
 {
   document.getElementById('vorname').style.backgroundColor='#FFF9EC';
   document.getElementById('ulname').style.color = '#000000';
   document.getElementById('ulname').innerHTML = 'Vorname:';
}
function FUageFocus()
 {
   document.getElementById('age').style.backgroundColor='#FFF9EC';
   document.getElementById('ulage').style.color = '#000000';
   document.getElementById('ulage').innerHTML = 'Alter:';
}
function UaddressFocus()
 {
   document.getElementById('address').style.backgroundColor='#FFF9EC';
   document.getElementById('staddress').style.color = '#000000';
   document.getElementById('staddress').innerHTML = 'Addresse:';
}
function UCityFocus()
 {
   document.getElementById('city').style.backgroundColor='#FFF9EC';
   document.getElementById('usercity').style.color = '#000000';
   document.getElementById('usercity').innerHTML = 'Stadt:';
}
function UzipFocus()
 {
   document.getElementById('zipcode').style.backgroundColor='#FFF9EC';
   document.getElementById('userzip').style.color = '#000000';
   document.getElementById('userzip').innerHTML = 'Postleitzahl:';
}
function UemailFocus()
 {
   document.getElementById('email').style.backgroundColor='#FFF9EC';
   document.getElementById('ulemail').style.color = '#000000';
   document.getElementById('ulemail').innerHTML = 'Email:';
}
function UTelPhoneFocus()
 {
   document.getElementById('telephone').style.backgroundColor='#FFF9EC';
   document.getElementById('ulphone').style.color = '#000000';
   document.getElementById('ulphone').innerHTML = 'Telephon:';
}
//--------------------------------------------------------//
//--------------------------------------------------------//
// Handle hint tooltip boxes onmouseover
var offsetfromcursorX = 12;
var offsetfromcursorY = 10;
var offsetdivfrompointerX = 10;
var offsetdivfrompointerY = 14;

document.write('<div id="hinttooltip"></div>')
document.write('<img id="hintpointer" src="http://www.senioricum.at/images/arrow_tooltip.gif">')

var ie = document.all;
var ns6 = document.getElementById && !document.all;
var enabletip=false;

if (ie||ns6)
  var tipobj=document.all? document.all["hinttooltip"] : document.getElementById? document.getElementById("hinttooltip") : "";
  var pointerobj=document.all? document.all["hintpointer"] : document.getElementById? document.getElementById("hintpointer") : "";

function ietruebody()
 {
   return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function showtooltip(thetext, thewidth, thecolor)
 {
    if (ns6||ie)
    {
       if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px";
       if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor;
       tipobj.innerHTML=thetext;
       enabletip=true;
       return false;
    }
}

function positiontip(e)
 {
    if (enabletip)
      {
         var nondefaultpos=false;
         var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
         var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;

         var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20;
         var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20;

         var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX;
         var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY;

         var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000;

   if (rightedge<tipobj.offsetWidth)
       {
          tipobj.style.left=curX-tipobj.offsetWidth+"px";
          nondefaultpos=true;
      }
      else if (curX<leftedge)
          tipobj.style.left="5px";
     else
     {
          tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px";
          pointerobj.style.left=curX+offsetfromcursorX+"px";
}

if (bottomedge<tipobj.offsetHeight)
    {
       tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px";
       nondefaultpos=true;
   }
   else
   {
       tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px";
       pointerobj.style.top=curY+offsetfromcursorY+"px";
}
tipobj.style.visibility="visible";
if (!nondefaultpos)
    pointerobj.style.visibility="visible";
else
    pointerobj.style.visibility="hidden";
 }
}
function hidetooltip()
  {
     if (ns6||ie)
         {
            enabletip=false;
            tipobj.style.visibility="hidden";
            pointerobj.style.visibility="hidden";
            tipobj.style.left="-1000px";
            tipobj.style.backgroundColor='';
            tipobj.style.width='';
  }
}
document.onmousemove=positiontip
//--------------------------------------------------------//