/* Homepage der
Hans-Kelsen-Forschungsstelle
- Die Navigationsleiste -
15. Jan 2007
bearbeitet 22.02.2009

____________________________________________________
BEARBEITUNGSHINWEISE F†R MEN†S UND SUBMEN†S

A. €NDERUNG DES HAUPTMEN†S (MEN†)
B. €NDERUNG DES UNTERMEN†S (SUBMENU)
Jeweils in der Reihenfolge 1., 2., 3. bearbeiten!
____________________________________________________


A. €NDERUNG DES HAUPTMEN†S (MEN†)

1. EINF†GEN, €NDERN, L…SCHEN, UMSORTIEREN DER GR†NEN MEN†-ITEMS

Bei Referenzpunkt (A) in den Dateien ãHKF_Vorlage.dwtÒ und ãHKF_Geschuetzt_Vorlage.dwtÒ 
pro Zeile (=Êeine MenŸzeile; von oben nach unten) den MenŸeintrag editieren mit einfŸgen/bearbeiten/lšschen folgender Syntax-Zeile:


<a href="LINKNAME.XYZ" onMouseOver="Wechsle_Bild('menuimg_LINKNAME',Highlight#); Oeffne_SubMenu('MENUOPTION');" onMouseOut="Wechsle_Bild('menuimg_LINKNAME',Normal#);"><img id="menuimg_LINKNAME" src="../Bilder/layout/menu/LINKNAME.gif" width="135" height="25"></a>

ErklŠrung der 3 Platzhalter:
LINKNAME	ist (nur durch Konvention!) der Name der verlinkten Datei, muss aber auch an anderen Stellen in diesem Script 
		(und empfohlenerweise im Grafikdateiname) zeichengleich ggf. mit Syntax-PrŠ- oder Suffixen verwendet werden.).
#   		einmalige Nummer des MenŸeintrages in arabischer dezimaler Numerik (nicht identisch mit Reihenfolge)
MENUOPTION	hat der MenŸpunkt kein UntermenŸ (SubmenŸ), ist der Wert 'keines' (also: Oeffne_SubMenu('keines');), ansonsten
		ist hier der 'LINKNAME' einzusetzen, also: Oeffne_SubMenu('LINKNAME');




2. FOLGENOTWENDIGE ANPASSUNGEN DIESES SCRIPTS IM TEIL A - MEN†S

Im Teil A dieses Scripts sind folgende konsekutiven Konfigurationen vorzunehmen:

A.1 	Deklaration der Grafikobjekte (fŸr den GrŸn-Blau-Farbwechsel); 
	Syntax: ... Normal# ... bzw. ... Highlight# ... mit # s.o.

A.2	Definition der dynamischen ãStandort-ErkennungÒ
	Dieser Scriptabschnitt stellt fest welche HTML-Seite aktuell im Browser ausgefŸhrt wird mittels des Seitentitels
	(d.h. dem zwischen <title>...</title> in der HTML-Datei angegebenen. Mehrfachzuweisung durch gleichen Seitentitel mšglich; so die Konvention fŸr SubmenŸ-Seiten) 
	und weist ggf. dem zugehšrigen MenŸeintrag die blaue Grafik (als Standortmarke ãangezeigte SeiteÒ) zu, 
	allen anderen Items weist er die grŸne als Standardgrafik zu.
	Syntax:
		- in der If-Bedingung ist der zum MenŸeintrag gehšrende SEITENTITEL (<titel>) zeichengleich wie in der Datei LINKNAME.XYZ in AnfŸhrungszeichen anzugeben.
		- In der ersten PrŠdikatierung ist der Grafik-URL des blauen Items ("Bilder/layout/menu/LINKNAME_aktiv.gif"), in der 
		  zweiten PrŠdikatierung nach der else-Anweisung der des grŸnen Items ("Bilder/layout/menu/LINKNAME.gif") anzugeben.
	
A.3	Hier ist dem Highlight#-Grafikobjekt der zugehšrige Grafik-URL fŸr das blaue Item ("Bilder/layout/menu/LINKNAME_aktiv.gif") zuzuweisen.

A.4	Hier werden den MenŸeintrŠgen die Normal#-Grafikobjekte zugeschrieben (Die Highlight#-Zuschreibung erfolgt erst dynamisch durch Mauseventfunktionen).
	Syntax:  getElement("id", "menuimg_LINKNAME").src = Normal#.src;



3. FOLGENOTWENDIGE ANPASSUNGEN DIESES SCRIPTS IM TEIL B - SUBMEN†S

a) Wenn die €nderung des HauptmenŸs die Submenu-Struktur (zB ãOrtÒ eines Submenus) nicht beeinflussen, ist keine Anpassung nštig.

b) Wenn €nderungen der ãHšheÒ (ãOberkanteÒ) eines UntermenŸs nštig sind: 
In Teil B dieses Scripts unter B.1 wird angegeben, auf welcher Hšhe (Y-Koordinate in Pixeln; YPIXEL) der Navigationsleiste sich der zugehšrige
Button des HauptmenŸs befindet. Da ein HauptmenŸ-Item die Hšhe 25 Pixel hat, ist der erste Button bei 0, der zweite bei 25, der dritte bei 50 usf.
Syntax: 
	var menubutton_LINKNAME_top = YPIXEL;


c) FŸr alle tiefergehenden Schritte siehe TEIL B dieser Anleitung.


_____



B. €NDERUNG DES UNTERMEN†S (SUBMENU)

1. EINF†GEN, €NDERN, L…SCHEN, UMSORTIEREN DER SUBMEN†-FELDER UND BLAUEN SUBMEN†-ITEMS

Bei Referenzpunkt (B) in den Dateien ãHKF_Vorlage.dwtÒ und ãHKF_Geschuetzt_Vorlage.dwtÒ befinden sich die HTML-Definitionen
a) der SubmenŸ-Felder (ãob und wie Ÿberhaupt ein SubmenŸ zur Seite LINKNAMEÒ)
b) der einzelnen EintrŠge eines SubmenŸ-Feldes (SUBLINK1 usf.)


Syntax:

<div id="submenu_LINKNAME" onMouseOver="Wechsle_Bild('menuimg_LINKNAME',Highlight#);">
	<a href="LINKNAME_SUBLINK1.html"><img id="submenuimg_LINKNAME_SUBLINK1" src="../Bilder/layout/menu/sub_LINKNAME_SUBLINK1.gif" height="25" width="145"></a><br>
	<a href="LINKNAME_SUBLINK2.html"><img id="submenuimg_LINKNAME_SUBLINK2" src="../Bilder/layout/menu/sub_LINKNAME_SUBLINK2.gif" height="20" width="145"></a><br>
	<a href="LINKNAME_SUBLINK3.html"><img id="submenuimg_LINKNAME_SUBLINK3" src="../Bilder/layout/menu/sub_LINKNAME_SUBLINK1.gif" height="25" width="145"></a><br>

</div>

Bemerkungen:
LINKNAME	bezieht sich wie oben auf den Dateinamen der HauptmenŸ-Seite, von der das UntermenŸ ausgeht.
height=Ò20/25Ò	die Hšhe eines einzelnen SubmenŸ-Items betrŠgt nach dem Designstandard 20 Pixel bzw. 25 Pixel (Kopf- und Fu§-Eintrag).






2. FOLGE€NDERUNG DER DATEI FORMAT.CSS (bzw. FORMAT_GESCHUETZT.CSS)

In der Datei format.css bzw. format_geschutzt.css ist (ganz unten) beim SubmenŸ-Referenzpunkt CSS
in der ersten Zeile die Angabe der sog. Selektoren anzupassen. Syntax:
	#submenu_LINKNAME1, #submenu_LINKNAME2, #submenu_LINKNAME3 { ...}

(Bemerkung: Das Zeichen â#Ô steht hier als solches, nicht als Platzhalter)




3. KONSEKUTIVE KONFIGURATION DIESES SKRIPTS

FŸr jedes SubmenŸ-Feld mŸssen alle folgenden Konfigurationen (an den Referenzpunkten im Skript B.0 - B.7) besorgt werden.


B.0 - ãAnmeldenÒ eines SubmenŸs
FŸr jedes SubmenŸ ist ein Eintrag der folgenden Syntax notwendig:

	var submenu_LINKNAME_offen = false;


B.1 - Y-Koordinate (ãOberkanteÒ) des UntermenŸs
Hier wird angegeben, auf welcher Hšhe (Y-Koordinate in Pixeln; YPIXEL) der Navigationsleiste sich der zugehšrige
Button des HauptmenŸs befindet. 
Da ein HauptmenŸ-Item (designstandardmŠ§ig) die Hšhe 25 Pixel hat, ist der erste Button bei 0, der zweite bei 25, der dritte bei 50 usf.
Je SubmenŸ folgende Syntax: 

	var menubutton_LINKNAME_top = YPIXEL;


B.2 - Hšhe des UntermenŸ-Feldes
Hier ist die Hšhe des gesamten UntermenŸ-Feldes anzugeben. Diese ist die Summe der Hšhen der einzelnen EintrŠge in Pixeln.
(also z.B. bei drei EintrŠgen 2 x 25 + 20 = 70 oder bei vier EintrŠgen 2 x 25 + 20 + 20 = 90).
Je SubmenŸ folgende Syntax:

	var submenu_LINKNAME_hoehe = PIXEL;


B.3 - ãEvent-HandlingÒ fŸr das SubmenŸ-Feld zuschreiben:
Je SubmenŸ folgende Syntax:

	if (submenu_LINKNAME_offen) {
		if (mausX < 15) Wechsle_Bild("menuimg_LINKNAME",Highlight#);
		if (mausX > submenu_right) Schliesse_SubMenu("LINKNAME");
		if (mausY < (menubutton_LINKNAME_top - 3)) Schliesse_SubMenu("hkf");
		if (mausY > (menubutton_LINKNAME_top + submenu_LINKNAME_hoehe + 3)) Schliesse_SubMenu("LINKNAME");
	}



B.4 - Funktion des SubmenŸ-…ffnens beschreiben
Je SubmenŸ folgende Syntax:

	if (SubMenuName == "LINKNAME") {
		getElement("id","submenu_LINKNAME").style.top = (menu_top + menubutton_LINKNAME_top) + "px";
		getElement("id","submenu_LINKNAME").style.left = (topleft + submenu_left) + "px";
		getElement("id","submenu_LINKNAME").style.visibility = "visible";
		
		submenu_LINKNAME_offen = true;

		Schliesse_SubMenu("ANDERESUBMENUSEITE1");
		Schliesse_SubMenu("ANDERESUBMENUSEITE2");
	}

Bemerkung: ANDERESMENU1 etc. steht fŸr alle anderen Hauptseiten, also fŸr alle ãLINKNAMEÒÕs au§er dem eigenen ãLINKNAMEÒ des SubmenŸs
(fŸr jede andere Seite ist hier nŠmlich einmal die Funktion Schliesse_SubMenu() aufzurufen!).



B.5 - Funktion ãkein SubmenŸ šffnenÒ beschreiben
Je SubmenŸ folgende Syntax:

		Schliesse_SubMenu("JEDESUBMENUSEITE1");
		



B.6 - Funktion des SubmenŸ-Schlie§ens beschreiben
Je SubmenŸ folgende Syntax:

	if (SubMenuName == "LINKNAME") {
		getElement("id","submenu_LINKNAME").style.visibility = "hidden";
		Wechsle_Bild("menuimg_LINKNAME",Normal#);
		submenu_LINKNAME_offen = false;
	}



B.7 - Funktion ãalle SubmenŸs schlie§enÒ beschreiben
Je SubmenŸ folgende Syntax:

	getElement("id","submenu_LINKNAME").style.visibility = "hidden";
	Wechsle_Bild("menuimg_LINKNAME",Normal#);
	submenu_LINKNAME_offen = false;







______________________________________________________________________________________________________________
BEGINN DES SCRIPTS
*/




/* 	TEIL A Ð MEN†		*/


function Wechsle_Bild (BildReferenz, BildObjekt) {
	getElement("id", BildReferenz).src = BildObjekt.src;
}


function Lade_Bilder () {

	// Hauptmenü


	// A.1

	Normal1 = new Image();
	Normal2 = new Image();
	Normal3 = new Image();
	Normal4 = new Image();
	Normal5 = new Image();
	Normal6 = new Image();
	Normal7 = new Image();
	Normal8 = new Image();
	Highlight1 = new Image();
	Highlight2 = new Image();
	Highlight3 = new Image();
	Highlight4 = new Image();
	Highlight5 = new Image();
	Highlight6 = new Image();
	Highlight7 = new Image();
	Highlight8 = new Image();
	

	// A.2

	if (document.title == "Hans-Kelsen-Forschungsstelle - Aktuelles") {
		Normal1.src = "Bilder/layout/menu/aktuelles_aktiv.gif";
	} else {
		Normal1.src = "Bilder/layout/menu/aktuelles.gif";
	}

	if (document.title == "Hans-Kelsen-Forschungsstelle - Die Forschungsstelle") {
		Normal2.src = "Bilder/layout/menu/hkf_aktiv.gif";
	} else {
		Normal2.src = "Bilder/layout/menu/hkf.gif";
	}

	if (document.title == "Hans-Kelsen-Forschungsstelle - Hans Kelsen Werke") {
		Normal3.src = "Bilder/layout/menu/hkw_aktiv.gif";
	} else {
		Normal3.src = "Bilder/layout/menu/hkw.gif";
	}

	if (document.title == "Hans-Kelsen-Forschungsstelle - Hans Kelsen-Institut") {
		Normal4.src = "Bilder/layout/menu/hki_aktiv.gif";
	} else {
		Normal4.src = "Bilder/layout/menu/hki.gif";
	}

	if (document.title == "Hans-Kelsen-Forschungsstelle - Kontakt") {
		Normal5.src = "Bilder/layout/menu/kontakt_aktiv.gif";
	} else {
		Normal5.src = "Bilder/layout/menu/kontakt.gif";
	}

	if (document.title == "Hans-Kelsen-Forschungsstelle - Links") {
		Normal6.src = "Bilder/layout/menu/links_aktiv.gif";
	} else {
		Normal6.src = "Bilder/layout/menu/links.gif";
	}
	
	if (document.title == "Hans-Kelsen-Forschungsstelle - Hans Kelsen") {
		Normal7.src = "Bilder/layout/menu/kelsen_aktiv.gif";
	} else {
		Normal7.src = "Bilder/layout/menu/kelsen.gif";
	}
	
	if (document.title == "Hans-Kelsen-Forschungsstelle - Band 1") {
		Normal8.src = "Bilder/layout/menu/band1_aktiv.gif";
	} else {
		Normal8.src = "Bilder/layout/menu/band1.gif";
	}


	// A.3

	Highlight1.src = "Bilder/layout/menu/aktuelles_aktiv.gif";
	Highlight2.src = "Bilder/layout/menu/hkf_aktiv.gif";
	Highlight3.src = "Bilder/layout/menu/hkw_aktiv.gif";
	Highlight4.src = "Bilder/layout/menu/hki_aktiv.gif";
	Highlight5.src = "Bilder/layout/menu/kontakt_aktiv.gif";
	Highlight6.src = "Bilder/layout/menu/links_aktiv.gif";
	Highlight7.src = "Bilder/layout/menu/kelsen_aktiv.gif";
	Highlight8.src = "Bilder/layout/menu/band1_aktiv.gif";


	// A.4

	getElement("id", "menuimg_aktuelles").src = Normal1.src;
	getElement("id", "menuimg_hkf").src = Normal2.src;
	getElement("id", "menuimg_hkw").src = Normal3.src;
	getElement("id", "menuimg_hki").src = Normal4.src;
	getElement("id", "menuimg_kontakt").src = Normal5.src;
	getElement("id", "menuimg_links").src = Normal6.src;
	getElement("id", "menuimg_kelsen").src = Normal7.src;
	getElement("id", "menuimg_band1").src = Normal8.src;


}



/* 	TEIL B Ð SUBMEN†		*/

// B.0

var submenu_hkf_offen = false;
var submenu_hkw_offen = false;
var submenu_kelsen_offen = false;
var submenu_baende_offen = false;


// B.1

var menubutton_kelsen_top = 25;
var menubutton_hkf_top = 50;
var menubutton_hkw_top = 75;
var menubutton_baende_top = 100;


// B. 2

var submenu_hkf_hoehe = 70;
var submenu_hkw_hoehe = 150;
var submenu_kelsen_hoehe = 70;
var submenu_baende_hoehe = 110;



// Grundlegende Design-Parameter
var topleft = 60;
var menu_top = 114;
var menu_breite = 135;
var submenu_left = 145;
var submenu_right = 160;

// Technische Parameter
var mausX = 0;
var mausY = 0;



function EventHandling_initiieren () {
	if (document.body.addEventListener) {
		document.body.addEventListener("mousemove", MausRaus, true);
	} else {
		if (NS4) {
			document.captureEvents(Event.MOUSEMOVE);
			document.onmousemove = MausRaus;
		} else {
			document.body.onmousemove = MausRaus;
		}
	}
}


function MausRaus (ev) {
	if (!ev) ev = window.event;

	mausX = ev.pageX ? ev.pageX : ev.x;
	mausY = ev.pageY ? ev.pageY : ev.y;
	mausX = mausX - topleft - menu_breite;
	mausY = mausY - menu_top;





// Beginn B.3


	if (submenu_hkf_offen) {
		if (mausX < 15) Wechsle_Bild("menuimg_hkf",Highlight2);
		if (mausX > submenu_right) Schliesse_SubMenu("hkf");
		if (mausY < (menubutton_hkf_top - 3)) Schliesse_SubMenu("hkf");
		if (mausY > (menubutton_hkf_top + submenu_hkf_hoehe + 3)) Schliesse_SubMenu("hkf");
	}

	if (submenu_hkw_offen) {
		if (mausX < 15) Wechsle_Bild("menuimg_hkw",Highlight3);
		if (mausX > submenu_right) Schliesse_SubMenu("hkw");
		if (mausY < (menubutton_hkw_top - 3)) Schliesse_SubMenu("hkw");
		if (mausY > (menubutton_hkw_top + submenu_hkw_hoehe + 3)) Schliesse_SubMenu("hkw");
	}

	if (submenu_kelsen_offen) {
		if (mausX < 15) Wechsle_Bild("menuimg_kelsen",Highlight7);
		if (mausX > submenu_right) Schliesse_SubMenu("kelsen");
		if (mausY < (menubutton_kelsen_top - 3)) Schliesse_SubMenu("kelsen");
		if (mausY > (menubutton_kelsen_top + submenu_kelsen_hoehe + 3)) Schliesse_SubMenu("kelsen");
	}

	if (submenu_baende_offen) {
		if (mausX < 15) Wechsle_Bild("menuimg_baende",Highlight8);
		if (mausX > submenu_right) Schliesse_SubMenu("baende");
		if (mausY < (menubutton_baende_top - 3)) Schliesse_SubMenu("baende");
		if (mausY > (menubutton_baende_top + submenu_baende_hoehe + 3)) Schliesse_SubMenu("baende");
	}



// Ende B.3






}


function Oeffne_SubMenu (SubMenuName) {





// Beginn B.4


	if (SubMenuName == "hkf") {
		getElement("id","submenu_hkf").style.top = (menu_top + menubutton_hkf_top) + "px";
		getElement("id","submenu_hkf").style.left = (topleft + submenu_left) + "px";
		getElement("id","submenu_hkf").style.visibility = "visible";
		
		submenu_hkf_offen = true;

		Schliesse_SubMenu("hkw");
		Schliesse_SubMenu("kelsen");
		Schliesse_SubMenu("baende");
	}
	
	if (SubMenuName == "hkw") {
		getElement("id","submenu_hkw").style.top = (menu_top + menubutton_hkw_top) + "px";
		getElement("id","submenu_hkw").style.left = (topleft + submenu_left) + "px";
		getElement("id","submenu_hkw").style.visibility = "visible";
		
		submenu_hkw_offen = true;
		
		Schliesse_SubMenu("hkf");
		Schliesse_SubMenu("kelsen");
		Schliesse_SubMenu("baende");
	}
	
	if (SubMenuName == "kelsen") {
		getElement("id","submenu_kelsen").style.top = (menu_top + menubutton_kelsen_top) + "px";
		getElement("id","submenu_kelsen").style.left = (topleft + submenu_left) + "px";
		getElement("id","submenu_kelsen").style.visibility = "visible";
		
		submenu_kelsen_offen = true;

		Schliesse_SubMenu("hkf");
		Schliesse_SubMenu("hkw");
		Schliesse_SubMenu("baende");
	}

	if (SubMenuName == "baende") {
		getElement("id","submenu_baende").style.top = (menu_top + menubutton_baende_top) + "px";
		getElement("id","submenu_baende").style.left = (topleft + submenu_left) + "px";
		getElement("id","submenu_baende").style.visibility = "visible";
		
		submenu_baende_offen = true;

		Schliesse_SubMenu("hkf");
		Schliesse_SubMenu("hkw");
		Schliesse_SubMenu("kelsen");
	}



// Ende B.4




	
	if (SubMenuName == "keines") {



// B.5
		Schliesse_SubMenu("hkf");
		Schliesse_SubMenu("hkw");
		Schliesse_SubMenu("kelsen");
		Schliesse_SubMenu("baende");




  	}

}


function Schliesse_SubMenu (SubMenuName) {


// Beginn B.6

	if (SubMenuName == "hkf") {
		getElement("id","submenu_hkf").style.visibility = "hidden";
		Wechsle_Bild("menuimg_hkf",Normal2);
		submenu_hkf_offen = false;
	}

	if (SubMenuName == "hkw") {
		getElement("id","submenu_hkw").style.visibility = "hidden";
		Wechsle_Bild("menuimg_hkw",Normal3);
		submenu_hkw_offen = false;
	}

	if (SubMenuName == "kelsen") {
		getElement("id","submenu_kelsen").style.visibility = "hidden";
		Wechsle_Bild("menuimg_kelsen",Normal7);
		submenu_kelsen_offen = false;
	}

	if (SubMenuName == "baende") {
		getElement("id","submenu_baende").style.visibility = "hidden";
		Wechsle_Bild("menuimg_baende",Normal8);
		submenu_baende_offen = false;
	}



// Ende B.6

// B.7

	if (SubMenuName == "alle") {
		getElement("id","submenu_hkf").style.visibility = "hidden";
		getElement("id","submenu_hkw").style.visibility = "hidden";
		getElement("id","submenu_kelsen").style.visibility = "hidden";
		getElement("id","submenu_baende").style.visibility = "hidden";
		Wechsle_Bild("menuimg_hkf",Normal2);
		Wechsle_Bild("menuimg_hkw",Normal3);
		Wechsle_Bild("menuimg_kelsen",Normal7);
		Wechsle_Bild("menuimg_baende",Normal8);
		submenu_hkf_offen = false;
		submenu_hkw_offen = false;
		submenu_kelsen_offen = false;
		submenu_baende_offen = false;
	}

}