var hide_timeout  = 2500; // gibt an, wie lange das Untermenü noch da bleiben soll, nachdem man mit der Maus weg gefahren ist.
                          // hide_timeout muss mindestens doppelt so groß sein wie duration!!! (sonst gibts probs)
var interval      = 25;   // gibt die Anzal der Animationsschritte an ==> die "Weiche"
var duration      = 500;  // gibt die gesamte Dauer an
var opa_value     = 0;    // aktueller Sichtbarkeitswert
var opa_browser   = 0;    // Browser-Variable
var opa_increment = (1/interval);     // gibt an, wieviel sichtbarer das entsprechende Objekt pro Animationsschritt wird / = 0,05
var opa_decrement = 0-opa_increment;  // ist der negative wert von opa_increment
var exit          = 0;
var submenue_top  = 0;
var active        = false;
var changing      = 0;

//Function für Unsichtbarkeit des Untermenüs und die Erfassung des Browsers
function init()
{
  if(navigator.userAgent.indexOf("Firefox")!=-1) opa_browser = 1;
  if(navigator.userAgent.indexOf("MSIE")!=-1) opa_browser = 2;
  if(navigator.userAgent.indexOf("Opera")!=-1) opa_browser = 3;
  
  set_visible(0);
};

// Zeigt das Untermenü entweder an (1) oder versteckt es (0)
function set_visible(visibility)
{
  //(visibility == 1) ? document.getElementById("submenue").style.display = "inline"
  //                  : document.getElementById("submenue").style.display = "none";

  if(visibility == 1) 
  {
	 document.getElementById("submenue_line").style.visibility = "visible";
	  document.getElementById("submenue").style.visibility = "visible";
  }
  else
  {
	  document.getElementById("submenue_line").style.visibility = "hidden";
	  document.getElementById("submenue").style.visibility = "hidden";
  }
					  

  if(visibility == 0) active = false;
};

function stopTimeout()
{
  if(active)
  {
	  clearTimeout(timeout_hider);
	  active = false;
  }
}

function fade_in(pos)
{
  if(active)
  {
	  clearTimeout(timeout_hider);
	  active = false;
  }
 	set_submenue(pos);
	set_position(pos);        	// function liest den top-wert der übergebenen ID aus und setzt das Untermenü auf denselben Top-Wert
	set_visible(1);
	exit = 1;
	changing = opa_increment;
	animation();
}

function fade_out()
{
  active = true;
  timeout_hider = window.setTimeout("start_desc_animation()", (hide_timeout-duration));
}

function start_desc_animation()
{
  exit = 0;
  changing = opa_decrement;
  animation();
}

function animation()
{
  opa_value += changing;

  if(opa_browser==1)
  {
	document.getElementById("submenue_line").style.MozOpacity = (1-(opa_value*0.50));
	document.getElementById("submenue").style.MozOpacity = opa_value;
	document.getElementById("content").style.MozOpacity = (1-(opa_value*0.50));
	
  }
  if(opa_browser==2)
  {
	document.getElementById("submenue_line").style.filter = "Alpha(opacity="+((1-(opa_value*0.50))*100)+")";
	document.getElementById("submenue").style.filter = "Alpha(opacity="+(opa_value*100)+")";
	document.getElementById("content").style.filter = "Alpha(opacity="+((1-(opa_value*0.50))*100)+")";
	
  }

  if((exit == 1) && (opa_value > 1)) opa_value = 1;
  if((exit == 0) && (opa_value < 0)) opa_value = 0;

  if (opa_value != exit) window.setTimeout("animation()", (duration/interval));     //gibt an, wie lange bis zum nächsten schritt gewartet wird ==> 400/40 = 10ms ;-)
  else if(exit == 0) set_visible(0);
};

//Function für das Untermenü
function set_position(pos)
{
	if (pos != 0)
	{
		submenue_top = document.getElementById(pos).style.top.substr(0, (document.getElementById(pos).style.top.length-2));
		document.getElementById("submenue_line").style.top = (parseInt(submenue_top)+185+10+"px");
		document.getElementById("submenue").style.top = (parseInt(submenue_top)+185+10+"px");
		
	}
};

function test()
{
	document.getElementById("content").style.MozOpacity = (0.35);
}





/*
//"Gesammelte" Function für die Animationen
function submenue_fade(blend, id)     // blend ist 1 bei Einblendung, 0 bei Ausblendung; id gibt die Position an
{
  if ((blend == 1) && active) clearTimeout(timeout_hider);
  
  if(opa_browser>0)
  {
  	set_position(id);        	// function liest den top-wert der übergebenen ID aus und setzt das Untermenü auf denselben Top-Wert
  	set_visible(1);
  	opa_increment = 0-opa_increment;
  	exit=blend;
  	if (blend == 0)
  	{
  	  active = true;
  	  timeout_hider = window.setTimeout("animation()", (hide_timeout-duration));
  	}
  	else animation();
  }
};

//Function für die Animation
function animation()
{
  opa_value += opa_increment;

  if(opa_browser==1)
  {
	document.getElementById("submenue").style.MozOpacity = opa_value;
	document.getElementById("content").style.MozOpacity = (1-(opa_value*0.75));
  }

  if(opa_browser==2)
  {
	document.getElementById("submenue").style.filter = "Alpha(opacity="+(opa_value*100)+")";
	document.getElementById("content").style.filter = "Alpha(opacity="+((1-(opa_value*0.75))*100)+")";
  }

  if((exit == 1) && (opa_value > 1)) opa_value = 1;
  if((exit == 0) && (opa_value < 0)) opa_value = 0;

  if (opa_value != exit) window.setTimeout("animation()", (duration/interval));     //gibt an, wie lange bis zum nächsten schritt gewartet wird ==> 400/40 = 10ms ;-)
  else if (exit==0) set_visible(0);
};
*/