function showSub (id) {
	if (document.getElementById)
   {  document.getElementById(id).style.visibility = 'visible';   
   	if(id == 'projektauswahl') {
			document.getElementById('projpfeil').src = '../images/pfeil_projektauswahl.png';
		}   
   }
}

function hideSub (id) {
	if (document.getElementById)
   {  document.getElementById(id).style.visibility = 'hidden';
   	//fade('projektauswahl');
   	if(id == 'projektauswahl') {
		document.getElementById('projpfeil').src = '../images/pfeil_projektauswahl_re.gif';
		}   
   }
}
///////////////////////////////////////////////////
/* ****************
Now you can specify different fade settings for each element.
Also asynchronous fading is possible.
The values in the code are just default values.
Example for fading with default values:
<img id=".." src=".." style=".." onmouseover="fade(this.id);" onmouseout="fade(this.id);" onclick="fade(this.id);" />

The onclick event resets the fading. This is important when the image is a link. Otherwise the onmouseover and onmouseout events would be inverted after you hit the link and then go back with the browser button! 

Example for fading with only max value as default:
<img id=".." src=".." style=".." onmouseover="fade(this.id, 1000, 0.2, null, 33);" onmouseout="fade(this.id);" onclick="fade(this.id);" />

The values need to be just specified by the first triggered event.


Example for asynchronous fading:
<img id=".." src=".." style=".." onmouseover="fade(this.id, 200);" onmouseout="fade(this.id, 2000);" onclick="fade(this.id, 2000);" />

By fading asynchronous you can't use default values for the fade time!
 ********************* */
fadeTime = 400;
fadeMin = 0.0;
fadeMax = 1.0;
fadeRate = 20;

function fade(id, time, min, max, rate, lastTick) {
        var tick = new Date().getTime();
        var element = document.getElementById(id);
        //lert("FADEstate:"+element.fadeState)
        if (element.fadeState) {
                if (lastTick)
                        element.fadeTimeElapsed += tick-lastTick;
                else {
                        element.fadeState = element.fadeState == 1 ? -1 : 1;
                        element.fadeTimeElapsed = element.fadeTime-element.fadeTimeElapsed;
                        if (time != null) {
                                element.fadeTimeElapsed = element.fadeTimeElapsed/element.fadeTime*time;
                                element.fadeTime = time;
                        }
                        return;
                }
        }
        else {
                element.fadeTime = time != null ? time : element.fadeTime != null ? element.fadeTime : fadeTime;
                element.fadeMin = min != null ? min : element.fadeMin != null ? element.fadeMin : fadeMin;
                element.fadeMax = max != null ? max : element.fadeMax != null ? element.fadeMax : fadeMax;
                element.fadeRate = rate != null ? rate : element.fadeRate != null ? element.fadeRate : fadeRate;
                element.fadeState = element.style.opacity == element.fadeMax ? -1 : 1;
                element.fadeTimeElapsed = 0.0;
        }
        var opacity = element.fadeTimeElapsed/element.fadeTime;
        if (element.fadeTimeElapsed >= element.fadeTime)
                opacity = 1.0;
        if (element.fadeState == -1)
                opacity = 1.0-opacity;
        opacity = (element.fadeMax-element.fadeMin)*opacity+element.fadeMin;
        element.style.opacity = opacity;
        element.style.filter = 'alpha(opacity='+opacity*100+')';// IE
        if (element.fadeTimeElapsed >= element.fadeTime)
                element.fadeState = null;
        else
                setTimeout("fade('"+id+"', null, null, null, null, "+tick+")", element.fadeRate);
}




/*
var TimeToFade = 500.0;

function fade(eid)
{
  var element = document.getElementById(eid);
  if(element == null)
    return;

  if(element.FadeState == null)
  {
    if(element.style.opacity == null
        || element.style.opacity == ''
        || element.style.opacity == '1')
    {
      element.FadeState = 2;
    }
    else
    {
      element.FadeState = -2;
    }
  }

  if(element.FadeState == 1 || element.FadeState == -1)
  {
    element.FadeState = element.FadeState == 1 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
  }
  else
  {
    element.FadeState = element.FadeState == 2 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade;
    setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
  }
}
function animateFade(lastTick, eid)
{
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;

  var element = document.getElementById(eid);

  if(element.FadeTimeLeft <= elapsedTicks)
  {
    element.style.opacity = element.FadeState == 1 ? '1' : '0';
    element.style.filter = 'alpha(opacity = '
        + (element.FadeState == 1 ? '100' : '0') + ')';
    element.FadeState = element.FadeState == 1 ? 2 : -2;
    return;
  }

  element.FadeTimeLeft -= elapsedTicks;
  var newOpVal = element.FadeTimeLeft/TimeToFade;
  if(element.FadeState == 1)
    newOpVal = 1 - newOpVal;

  element.style.opacity = newOpVal;
  element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';

  setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
}
*/