/*
Grafik austauschen beim überqueren mit der Maus
und aktive Brafik beim Anklicken ausgetauscht lassen
  Benutzung:
  im Head: <script language="JavaScript" src="rh_simple_navi.js" type="text/javascript"></script>
	<a href="" target="xxx" onMouseOver="changeImgTo('button_1', 'img_1_1.gif' )" onMouseout="changeImgTo('button_1','img_1_0.gif')" onClick="SetActiveImg( 'button_1', 'img_1_0.gif' )" ><img name="button_1" src="img_1_0.gif" border=0></a>
	<a href="" target="xxx" onMouseOver="changeImgTo('button_2', 'img_2_1.gif' )" onMouseout="changeImgTo('button_2','img_2_0.gif')" onClick="SetActiveImg( 'button_2', 'img_2_0.gif' )" ><img name="button_2" src="img_2_0.gif" border=0></a>
	<a href="" target="xxx" onMouseOver="changeImgTo('button_3', 'img_3_1.gif' )" onMouseout="changeImgTo('button_3','img_3_0.gif')" onClick="SetActiveImg( 'button_3', 'img_3_0.gif' )" ><img name="button_3" src="img_3_0.gif" border=0></a>
*/

strOldImg = new String();
strActiveImgName = new String();

function SetActiveImg( strToActivateName, strInactiveFile )
{

  //alert( strActiveImgName );
  if( strActiveImgName != "" && strActiveImgName != strToActivateName )
    document.images[strActiveImgName].src = strOldImg;

  strActiveImgName = strToActivateName;
  strOldImg = strInactiveFile;
  //alert( name );

  // soll gegen den Rahmen des aktiven fensters helfen, klappt aber nicht so ganz :(
  //if (document.all)
  //	document.images[strActiveImgName].blur();

}

function changeImgTo( strToChangeName, strActiveFile )
{
  //alert( name + ";" + newImg + ";" + strActiveImgName );
	//alert( document.images[name].src );
	if( strToChangeName	!= strActiveImgName )
	{
		document.images[strToChangeName].src = strActiveFile;
	}

}

function WinOpen( Page, Width, Height, Top, Left )
{
	if( !Width )	Width  = 550;
	if( !Height )  Height = 600;
	if( !Top )	   Top    = 20;
	if( !Left )    Left   = 20;

	window.open( Page, "huhu", "resizable=yes,scrollbars=yes,width="+Width+",height="+Height+",top="+Top+",left="+Left );
}


function OpenImgInNewWindow( fildnameImg, sizeX, sizeY, resizeable )
{
	var aStr;

	aStr = new String();

	if( sizeX == 0 && sizeY == 0 )
	{
    // wenn bild geladen, dann wird die Fenstergröße angepasst
  	aStr = "width=400,height=300,resizable=" + resizeable ;
  	NeuesFenster = window.open( "", "ImgView", aStr );
  	NeuesFenster.document.open();
  	NeuesFenster.document.write( "<html><head><script language=\"JavaScript\">\
    function load()\
    {\
  	  resizeTo( document.images[0].width + 35, document.images[0].height + 75 );\
    }\
    </script></head><boby>\
    <img src=" + fildnameImg + " onload=load()>\
    </body></html>" );

  	NeuesFenster.document.close();
  	NeuesFenster.focus();

	}
	else
	{
  	aStr = "width=" + sizeX + ",height=" + sizeY + ",resizable=" + resizeable ;
  	NeuesFenster = window.open( "fildnameImg", "ImgView", aStr );
	}
}


/*----------------------------  Layer Functions -----------------------------*/

	// ParameterVisibility can be "hidden" or "visible"

	function LayerVisible( LayerID, Visibility )
	{
		//alert( LayerID );
		if(document.getElementById)	// Netscape 6 and IE 5 code goes here
		{
			document.getElementById(LayerID).style.visibility = Visibility;
		}
		else if(document.all)			// IE 4 code goes here
		{
			alert(document.all[LayerID].style.visibility);
		}
		else if(document.layers)		//Netscape 4 code goes here
		{
			alert(document.layers[LayerID].visibility);
		}

		//document.getElementById("myLayer1").style.align = "center";
		//document.getElementById("myLayer1").style.left = 300;
		//document.getElementById("myLayer1").align = "center";
		//document.all[layerID].visibility = "hide"; //IExplorer
		//document.getElementById("layerID").align = "center";
		//document.getElementById("layerID").visibility = "hide";
		//document.layers[layerID].visibility = "hide";
		//alert( What );
	}

	function LayerPos( LayerID, X, Y )
	{
		//alert( LayerID&X&Y );
		if(document.getElementById)	// Netscape 6 and IE 5 code goes here
		{
			document.getElementById(LayerID).style.position = "absolute";
			document.getElementById(LayerID).style.left = X;
			document.getElementById(LayerID).style.top = Y;
		}
		else if(document.all)				// IE 4 code goes here
		{
			document.all[LayerID].style.position = "absolute";
			document.all[LayerID].style.left = X;
			document.all[LayerID].style.top = Y;
		}
		else if(document.layers)		//Netscape 4 code goes here
		{
			document.layers[LayerID].position = "absolute";
			document.layers[LayerID].left = X;
			document.layers[LayerID].top = Y;
		}
	}


/*------------------  Menu functions ----------------------------------
Struktur des munüs:
*/

	var MenuBaseCol = new String();
	var MenuBaseCol2 = new String();
	var MenuHiglightCol = new String();
	var MenuHiglightCol2 = new String();
	var ThisMenuItem = new String();
	var SelectedMenuItem = new String();

	//---------------- menü 1 -------------------------------
	MenuHiglightCol = "#A28154"; //"#6E0101";
	SubMenuHiglightCol = "#6E0101";
	//MenuBaseCol = "#A07116";
	MenuBaseCol = "#500000" //"#5B4728";
	SubMenuBaseCol = "#E2D6C6";
	//MenuBaseCol = "#E2D6C6";
	SelectedMenuItem = "";

	function MenuMouseOver( MenuID )
	{

		if( SelectedMenuItem != "" && String(MenuID).substr(0,1) == "m" ){			// wenn schon etwas fest gewählt wurde und nicht submenu
			/* kein submenü mehr !
			LayerVisible( "s"+ String(SelectedMenuItem).substr(1,10), "hidden" ); 	// das fest gewählte ausblenden
			*/
     		document.getElementById(SelectedMenuItem).bgColor = ((String(MenuID).substr(0,1) == "m") ? MenuBaseCol : SubMenuBaseCol );
      	}

		// highlight-color als hintergrund setzen
     	document.getElementById(MenuID).bgColor = ((String(MenuID).substr(0,1) == "m") ? MenuHiglightCol : SubMenuHiglightCol );

		/* kein submenü mehr !
		if( String(MenuID).substr(0,1) != "s" ){									// wenn nicht submenü
			LayerVisible( "s"+ String(MenuID).substr(1,10), "visible" );	// submenü anzeigen
		}
		*/
		
		// highlite bild
		if( (String(document.URL).search("main.html") != -1) && (String(MenuID).substr(0,1) != "s") ){
			changeImgTo('saeule_0'+String(MenuID).substr(2,1), 'img/haupt_saeule0'+String(MenuID).substr(2,1)+'_selected.jpg' );
		}

	}

	function MenuMouseOut( MenuID )
	{
    	if( SelectedMenuItem != MenuID ){											// wenn dieser menüpunkt nicht fest gewählt wurde
			if( String(MenuID).substr(0,1) == "m" ){								// wenn nicht submenü
      		/* kein submenü mehr !
			LayerVisible( "s"+ String(MenuID).substr(1,10), "hidden" );	// verlassen menüpunkt verstecken
			*/
			}
	      	if( SelectedMenuItem != "" ){
				/* kein submenü mehr !
				LayerVisible( "s"+ String(SelectedMenuItem).substr(1,10), "visible" );  	// fest gewähltes submenü anzeigen
				*/
     			document.getElementById(SelectedMenuItem).bgColor = ((String(MenuID).substr(0,1) == "m") ? MenuHiglightCol : SubMenuHiglightCol );
			}

			// BaseCol als hintergrund setzen
      		document.getElementById(MenuID).bgColor = ((String(MenuID).substr(0,1) == "m") ? MenuBaseCol : SubMenuBaseCol );

			// highlite bild
			if( (String(document.URL).search("main.html") != -1) && (String(MenuID).substr(0,1) == "m") ){
				changeImgTo('saeule_0'+String(MenuID).substr(2,1), 'img/haupt_saeule0'+String(MenuID).substr(2,1)+'.jpg' );
			}
		}
	}

	function MenuClick( MenuID )
	{
			// zielseite aufrufens
	      switch(MenuID){
				case "m_1":
		      		location.href = "aktuelles.html";
					break;
				case "m_2":
		      		location.href = "regie_schauspiel.html";
					break;
				case "m_3":
	    	  		location.href = "workshops_trainings.html";
					break;
				case "m_4":
	      			location.href = "vita.html";
					break;
				case "m_10":
	      			location.href = "regie.html";
					break;
				case "m_11":
	      			location.href = "schauspiel.html";
					break;
				case "m_20":
	      			location.href = "kunst_stueckchen.html";
					break;
				case "m_21":
	      			location.href = "werk_stuecke.html";
					break;
			}
	}

	function ActivateMenue( MenuID )
	{
		/* kein submenü mehr !
		LayerVisible( "s"+ String(MenuID).substr(1,10), "visible" );				// submenü anzeigen
		*/
		
		// highlight-color als hintergrund setzen
		document.getElementById(MenuID).bgColor = ((String(MenuID).substr(0,1) == "m") ? MenuHiglightCol : SubMenuHiglightCol );

		SelectedMenuItem = MenuID;																	// gewählten menüpunkt setzen
	}


	//---------------- menü2 -------------------------------
	var MenuBaseCol2 = new String();; // = "#A28154"; // "#E2D6C6";		
	var MenuHiglightCol2 = new String();; // = "#E2D6C6"; //"#A28154";
	SelectedMenuItem2 = "";

	function SetMenuColors( MenuID )
	{
		switch( MenuID )
		{
			case "m_b1":  // menü unten
			case "m_b2": 
			case "m_b3": 
			case "m_b4": 
				MenuBaseCol2 = "#A28154"; 
				MenuHiglightCol2 = "#E2D6C6";
				break; 
			case "m_10":  // kleine zwischen menüs
			case "m_11": 
			case "m_20": 
			case "m_21": 
				MenuBaseCol2 = "#E2D6C6"; 
				MenuHiglightCol2 = "#A28154";
				break; 
		}
	}
	
	function MenuMouseOver2( MenuID )
	{
		SetMenuColors( MenuID );
		if( SelectedMenuItem2 != MenuID ){
      		document.getElementById(MenuID).bgColor = MenuHiglightCol2;
		}
	}

	function MenuMouseOut2( MenuID )
	{
		SetMenuColors( MenuID );
      if( SelectedMenuItem2 != MenuID ){
      	document.getElementById(MenuID).bgColor = MenuBaseCol2;
		}
	}

	function MenuClick2( MenuID, NewPage )
	{
		SetMenuColors( MenuID );
      if( SelectedMenuItem2 != "" ){
	      document.getElementById(SelectedMenuItem2).bgColor = MenuBaseCol2;
      }
  	   document.getElementById(MenuID).bgColor = MenuHiglightCol2;
      SelectedMenuItem2 = MenuID;

  		location.href = NewPage;
	}

	function ActivateMenue2( MenuID )
	{
		SetMenuColors( MenuID );
        if( SelectedMenuItem2 != MenuID ){
            document.getElementById(MenuID).bgColor = MenuHiglightCol2;
		}
    	SelectedMenuItem2 = MenuID;																	// gewählten menüpunkt setzen
	}