if (window.location.hostname == "www.3s-garagen.de")
{
	var csspfad = "http://www.3s-garagen.de/";
}
else
{
	//lokaler Pfad funktioniert nicht: file:////....
	//var csspfad = "http://www.3s-garagen.de/";
	var csspfad = "";
}

// CSS Browserabfrage
var MSIEIndex = navigator.userAgent.indexOf("MSIE");
if (navigator.appName=="Microsoft Internet Explorer" && 
navigator.userAgent.substring((MSIEIndex + 5),(MSIEIndex + 6)) 
>= 4)
 {
  document.write('<link rel="stylesheet" type="text/css" href="' + csspfad + 'skripte/selbstbau_ie.css">');
 }
 else
 {
  document.write('<link rel="stylesheet" type="text/css" href="' + csspfad + 'skripte/selbstbau.css">');
 }

// Ausklappmenue
var MSIEIndex = navigator.userAgent.indexOf("MSIE");
if (navigator.appName=="Microsoft Internet Explorer" && 
navigator.userAgent.substring((MSIEIndex + 5),(MSIEIndex + 6)) 
>= 4)
 {
  document.write('<link rel="stylesheet" type="text/css" href=' + csspfad + 'skripte/selbstbau_ie.css>');
 }
 else
 {
  document.write('<link rel="stylesheet" type="text/css" href=' + csspfad + 'skripte/selbstbau.css>');
 }

// IE 5.x und Netscape 6.x/7.x
if(document.getElementById)
{
dom="document.getElementById(";
format=").style";
}
// IE 4.x
else if(document.all)
{
dom="document.all";
format=".style";
}
// Netscape 4.x
else if(document.layers)
{
dom="document";
format="";
}
else
{
dom="document";
format="";
}

// Array mit den ID-Bezeichnungen der Untermenues, Anpassen!
var untermenu = new Array("um1","um2","um3","um4","um5","um6");

//mit der Variablen delay kann die Verzoegerungszeit eingestellt werden, 
//nach der aufgeklappte Menues wieder einklappen (unsichtbar werden), sobald 
//der Mauszeiger sich nicht mehr auf dem Menuepunkt befindet. 
//Die Zeitangabe erfolgt in Millisekunden.
var delay=500;

//Die Funktion show() regelt das Ein-und Ausklappen der Untermenues. 
//Beim Aufruf der Funktion über den Eventhandler onmouseover wird 
//als Parameter die id-Bezeichnung der aktiven Ebene, d.h. des 
//aufgeklappten Untermenüs übergeben). 
//Die Funktion clearout() deaktiviert das Timeout, um zu verhindern, 
//dass das Untermenue nach einer kurzen Verzoegerungszeit wieder eingeklappt wird 
//die Funktion cover() dient quasi als Reset, um alle möglichen geoeffneten 
//Menues bei der Auswahl eines neuen Menuepunktes zu schließen. 
//Die for-Schleife der cover()-Funktion wiederholt die Anweisung entsprechend 
//der Anzahl der Untermenue-Ebenen (die Zaehlung in JavaScript beginnt mit der 0 !).

function show(ebene)
{
clearout();
cover();
eval(dom+'["'+ebene+'"]'+format+'.visibility="visible"');
}

function cover()
{
	for(i=0;i<=5;i++)
	{
		eval(dom+'["'+untermenu[i]+'"]'+format+'.visibility="hidden"');
	}
}

// Die Funktion out() wird mit dem Eventhandler onmouseout ausgelöst, sobald der Mauszeiger von einem Auswahlpunkt weggezogen wird (delay s.o.) und aktiviert zeitverzögert die cover()-Funktion. Clearout() schließlich deaktiviert den Timer wieder.
function out()
{
timer = setTimeout("cover()",delay);
}

function clearout()
{
	if(window.timer)
	{
		clearTimeout(timer)
	}
}

// Neues Fenster
function NeuesFenster(adresse)
  {
   MeinFenster =
   window.open(adresse, "Action", "width=400,height=300,scrollbars:no");
   MeinFenster.focus();
  }

// Neues Fenster2
function NeuesFenster2(adresse)
  {
   MeinFenster2 =
   window.open(adresse, "Action", "width=500,height=550,scrollbars");
   MeinFenster2.focus();
  }
  
// ToolTipps

var ie = document.all ? 1 : 0
var ns = document.layers ? 1 : 0
if(ns){doc = "document."; sty = ""}
if(ie){doc = "document.all."; sty = ".style"}

var initialize = 0
var Ex, Ey, topColor, subColor, ContentInfo

if(ie)
{
	Ex = "event.x"
	Ey = "event.y"
	topColor = "#808080"
	subColor = "#C0C0C0"
}

if(ns)
{
	Ex = "e.pageX"
	Ey = "e.pageY"
	window.captureEvents(Event.MOUSEMOVE)
	window.onmousemove=overhere
	topColor = "#808080"
	subColor = "#C0C0C0"
}

function MoveToolTip(layerName, FromTop, FromLeft, e)
{
	if(ie)
	{
		eval(doc + layerName + sty + ".top = "  + (eval(FromTop) + document.body.scrollTop))
	}
	if(ns)
	{
		eval(doc + layerName + sty + ".top = "  +  eval(FromTop))
	}
	eval(doc + layerName + sty + ".left = " + (eval(FromLeft) + 15))
}

function ReplaceContent(layerName)
{
	if(ie)
	{
		document.all[layerName].innerHTML = ContentInfo
	}
	if(ns)
	{
		with(document.layers[layerName].document) 
		{ 
		   open(); 
		   write(ContentInfo); 
		   close(); 
		}
	}
}

function Activate()
{
	initialize=1
}

function deActivate()
{
	initialize=0
}

function overhere(e)
{
	if(initialize)
	{
		MoveToolTip("ToolTip", Ey, Ex, e)
		eval(doc + "ToolTip" + sty + ".visibility = 'visible'")
	}
	else
	{
		MoveToolTip("ToolTip", 0, 0)
		eval(doc + "ToolTip" + sty + ".visibility = 'hidden'")
	}
}

function EnterContent(layerName, TTitle, TContent)
{
	ContentInfo = '<table border="0" width="150" cellspacing="0" cellpadding="0">'+
			  '<tr><td width="100%" bgcolor="#000000">'+
			  '<table border="0" width="100%" cellspacing="1" cellpadding="0">'+
			  '<tr><td width="100%" bgcolor='+topColor+'>'+
			  '<table border="0" width="90%" cellspacing="0" cellpadding="0" align="center">'+
			  '<tr><td width="100%">'+
			  '<font class="tooltiptitle"> '+TTitle+'</font>'+
			  '</td></tr>'+
			  '</table>'+
			  '</td></tr>'+
			  '<tr><td width="100%" bgcolor='+subColor+'>'+
			  '<table border="0" width="90%" cellpadding="0" cellspacing="1" align="center">'+
			  '<tr><td width="100%">'+
			  '<font class="tooltipcontent">'+TContent+'</font>'+
			  '</td></tr>'+
			  '</table>'+
			  '</td></tr>'+
			  '</table>'+
			  '</td></tr>'+
			  '</table>';

	ReplaceContent(layerName)
}