function clearDesc()
{	document.getElementById( "descCell" ).className="white";

	for( line = 0; line < 4; line++ )
	{	document.getElementById("descText").childNodes[ (line)*2 ].nodeValue=" ";
		document.getElementById("descText").childNodes[ (line)*2 + 1 ].className="hidden";
	}
}

function borderOn( id )
{	document.getElementById( id ).className="borderOn";
}

function borderOff( id )
{	document.getElementById( id ).className="borderOff";
}

function showDesc( desc )
{	clearDesc();
	document.getElementById("descText").childNodes[0].nodeValue=desc;

	lines = desc.split("|");
	for( line = 0; line < lines.length; line++ )
	{	document.getElementById("descText").childNodes[ (line)*2 ].nodeValue=lines[ line ];
		document.getElementById("descText").childNodes[ (line)*2 + 1 ].className="shown";
	}
}


//------------TOOLTIPS---------------

// position of the tooltip relative to the mouse in pixel //
var offsetx = 15;
var offsety =  10;
var ie5 = (document.getElementById && document.all); 
var ns6 = (document.getElementById && !document.all); 
var ua = navigator.userAgent.toLowerCase();
var isapple = (ua.indexOf('applewebkit') != -1 ? 1 : 0);

function newelement(newid, outerBorder)
{ 
    if(document.createElement)
    { 	var bord = document.createElement('div');
        var el = document.createElement('div');
        bord.id = newid;
        el.style.display = 'none';
        el.id = 'tooltip';
        bord.style.position = 'absolute';
        bord.style.display = 'none';
        if( outerBorder)
        	bord.style.border = '3px solid black';
        else
        	bord.style.border = '0px';
        bord.style.padding = '0px';
        
        el.innerHTML = '&nbsp;'; 
        document.body.appendChild( bord );
        bord.appendChild( el );
    } 
} 

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 tooltipBox = document.getElementById('tooltipContainer');
        tooltipBox.style.left = (mousex+pagex+offsetx) + 'px';
        tooltipBox.style.top = (mousey+pagey+offsety) + 'px';
    }
}

function tooltip(tip, tipWidth, outerBorder)
{
    if(!document.getElementById('tooltipContainer')) newelement('tooltipContainer', outerBorder);
    var tooltipBox = document.getElementById('tooltipContainer');
    tooltipBox.firstChild.innerHTML = tip;
	if( tipWidth )
   		tooltipBox.style.width = tipWidth;
   	else
   		tooltipBox.style.width = 'auto';
    tooltipBox.style.display = 'block';
    tooltipBox.firstChild.style.display = 'block';
    document.onmousemove = getmouseposition;
}
function exit()
{	if( document.getElementById('tooltipContainer') )
    	document.getElementById('tooltipContainer').style.display = 'none';
}


//-------------------------------------------------

function Ggetmouseposition(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 tooltipBox = document.getElementById('GtooltipContainer');
        tooltipBox.style.left = (mousex+pagex+offsetx) + 'px';
        tooltipBox.style.top = (mousey+pagey+offsety) + 'px';
    }
}


function Gnewelement(newid, outerBorder)
{ 
    if(document.createElement)
    { 	var GouterBord = document.createElement('div');
        var GinnerBord = document.createElement('div');
        var Gpic = document.createElement('img');
        Gpic.setAttribute( "alt", "picture" );
        GouterBord.id = newid;
        GinnerBord.style.display = 'none';
        GinnerBord.style.padding = '10px 10px 6px 10px';
        GinnerBord.id = 'Gtooltip';
        GouterBord.style.position = 'absolute';
        GouterBord.style.display = 'none';
        if( outerBorder)
        	GouterBord.style.border = '3px solid black';
        else
        	GouterBord.style.border = '0px';
        GouterBord.style.padding = '0px';

        document.body.appendChild( GouterBord );
        GouterBord.appendChild( GinnerBord );
        GinnerBord.appendChild( Gpic );
    } 
} 

function Gtooltip(tip, tipWidth, outerBorder)
{
    if(!document.getElementById('GtooltipContainer')) Gnewelement('GtooltipContainer', outerBorder);
    var tooltipBox = document.getElementById('GtooltipContainer');
    tooltipBox.firstChild.firstChild.setAttribute( "src", tip.src );
	if( tipWidth )
   		tooltipBox.style.width = tipWidth;
   	else
   		tooltipBox.style.width = 'auto';
    tooltipBox.style.display = 'block';
    tooltipBox.firstChild.style.display = 'block';
    document.onmousemove = Ggetmouseposition;
}

function Gexit()
{	if( document.getElementById('GtooltipContainer') )
    	document.getElementById('GtooltipContainer').style.display = 'none';
}