var server_url = "http://localhost/browsertool";


// JavaScript Document
var Initialisierung = 0;
var Ex, Ey, TitelFarbe, TextFarbe, ContentInfo;

var TitelFarbe = "#ff9900";
var TextFarbe = "#ff9900";

if (document.scrollTop) alert("scroll");

function ToolTipBewegen(layerName, FromTop, FromLeft, e)
{
    document.onmousemove
    document.getElementById(layerName).style.top = (FromTop + 10) + 'px';
    document.getElementById(layerName).style.left = (FromLeft - 210) + 'px';
}

function Aktivieren()
{
    Initialisierung = 1;
}

function Deaktivieren()
{
    Initialisierung = 0;
}

function Starten(e)
{
    if(Initialisierung)
    {
        //Ex = document.all ? window.event.x : e.pageX;
        //Ey = document.all ? window.event.y : e.pageY;
        Ex = document.all ? event.clientX + document.body.scrollLeft : e.pageX;
        Ey = document.all ? event.clientY + document.body.scrollTop : e.pageY;
        
        ToolTipBewegen("ToolTip", Ey, Ex, e);
        document.getElementById('ToolTip').style.visibility = "visible";
    }
    else
    {
        ToolTipBewegen("ToolTip", 0, 0);
        document.getElementById('ToolTip').style.visibility = "hidden";
    }
}

function ToolTip(layerName, TTitel, TInhalt)
{
    var breite = TInhalt.length;

    //ContentInfo = '<table border="0" cellspacing="0" cellpadding="0" width="'+(7*breite)+'">'+'<tr><td width="100%" bgcolor="#000000">'+'<table border="0" width="100%" cellspacing="1" cellpadding="0">'+'<tr><td width="100%" bgcolor='+TitelFarbe+'>'+'<table border="0" width="90%" cellspacing="0" cellpadding="0" align="center">'+'<tr><td width="100%">'+'<font class="ToolTipTitel"> '+TTitel+'</font>'+'</td></tr>'+'</table>'+'</td></tr>'+'<tr><td width="100%" bgcolor='+TextFarbe+'>'+'<table border="0" width="90%" cellpadding="0" cellspacing="1" align="center">'+'<tr><td width="100%">'+'<font class="ToolTipInhalt">'+TInhalt+'</font>'+'</td></tr>'+'</table>'+'</td></tr>'+'</table>'+'</td></tr>'+'</table>';
    ContentInfo = '<table border="0" cellspacing="0" cellpadding="5">'+'<tr><td bgcolor='+TextFarbe+' style="border:thin solid black;"><font class="ToolTipInhalt">'+TInhalt+'</font>'+'</td></tr>'+'</table>';
    document.getElementById(layerName).innerHTML = ContentInfo;
}

///////////////////////////////////////////////////////////////////////////////////////////////////////
// zum ändern der Hintergrundfarbe der einzelnen Tabellenzellen bei Ergebissen und Ranglisten,...
var oldbgcolor = "white";

function setbgcolor(color)
{
  oldbgcolor = color;
}
function getbgcolor()
{
  return oldbgcolor;
}
function newbg(i, color)
{
  setbgcolor(color);
  i.style.color="white";
  i.style.background = "#FF9900";
}
function oldbg(i)
{
  i.style.color="black";
  i.style.background = getbgcolor();
}


///////////////////////////////////////////////////////////////////////////////////////////////////////
// div ein- und ausblenden



   var image_open = new Image();
   image_open.src = server_url + "/img/folder_close.gif";
   var image_closed = new Image();
   image_closed.src = server_url + "/img/folder_open.gif";

   function toggle(image, section)
   {
      if(document.all)
      {
        if(document.all[section].style.display == "block") {
           document.all[section].style.display = "none";
           document.all[image].src = image_closed.src;
        }
        else
        {
           document.all[section].style.display = "block";
           document.all[image].src = image_open.src;
        }
      }
      else
      {
      if(document.getElementById(section).style.display == "block")
      {
         document.getElementById(section).style.display = "none";
         document.getElementById(image).src = image_closed.src;
      }
      else
      {
         document.getElementById(section).style.display = "block";
         document.getElementById(image).src = image_open.src;
         }
      }
   }



   function expandall() {



     var divNodeList = document.getElementsByTagName('div');

     for (i = 0; i < divNodeList.length; i++) {

        if(divNodeList[i].id) {

           divNodeList[i].style.display = "block";

           document.getElementById('trigger_' + divNodeList[i].id.substr(7)).src = "images/open.gif";

        }

     }



   }



   function collapseall() {



     var divNodeList = document.getElementsByTagName('div');

     for (i = 0; i < divNodeList.length; i++) {

        if(divNodeList[i].id) {

           divNodeList[i].style.display = "none";

           document.getElementById('trigger_' + divNodeList[i].id.substr(7)).src = "images/closed.gif";

        }

     }



   }