# >MARK: NAVIGATION< #
page.includeLibs.gmenu_layers = typo3/sysext/cms/tslib/media/scripts/gmenu_layers.php
 
temp.NAVIGATION = HMENU
temp.NAVIGATION.1 = GMENU_LAYERS
temp.NAVIGATION.1 {
 
// Die 1. Ebene ist fest plaziert. Die folgenden Ebenen orientieren sich an dieser!
 
   layerStyle = position: absolute; left: 50%; margin-left: -315px; width: 172px; visibility: hidden
   xPosOffset = 0
   yPosOffset = -180
   lockPosition = y
   expAll = 1
 
   NO {
      XY = 172, 28
      5 = IMAGE
      5.file {
         import = uploads/media/     
         import.listNum = 0
         import.override.field = media
         }
      10 = TEXT
      10.text.field = title
      10.offset = 10,17
      10.fontSize = 12
      10.fontFace = fileadmin/templates/fonts/ucr.ttf
      10.fontColor = #FFFFFF
      10.niceText = 1
   }
 
   RO < .NO
   RO = 1
   RO {
      10.fontColor = #000000
   }
 
   ACT < .NO
   ACT = 1
   ACT {
      10.fontColor = #000000
   }
}
 
temp.NAVIGATION.2 = GMENU_LAYERS
temp.NAVIGATION.2 {
   layerStyle = position: absolute; width: 172px; visibility: hidden
   relativeToTriggerItem = 1
   relativeToParentLayer = 1
   relativeToTriggerItem.addWidth = 1
   expAll = 1
 
   NO {
      XY = 172, 20
      5 = IMAGE
      5.file {
         import = uploads/media/     
         import.listNum = 0
         import.override.field = media
         }
      10 = TEXT
      10.text.field = title
      10.offset = 5,15
      10.fontSize = 11
      10.fontFace = fileadmin/templates/fonts/ucr.ttf
      10.fontColor = #FFFFFF
      10.niceText = 1
   }
 
   RO < .NO
   RO = 1
   RO {
      10.fontColor = #000000
   }
 
   ACT < .NO
   ACT = 1
   ACT {
      10.fontColor = #000000
   }
}
 
temp.NAVIGATION.3 < temp.NAVIGATION.2
temp.NAVIGATION.4 < temp.NAVIGATION.2
temp.NAVIGATION.5 < temp.NAVIGATION.2
 
page.10.marks.NAVIGATION < temp.NAVIGATION

//// Grafisches Menü erstellen
 
//// Menü 1. Ebene
 
NAV_MAIN = HMENU
NAV_MAIN {
	special = directory
	//// ID's angeben
	special.value = 1
 
	1 = GMENU_LAYERS
 
	//// Layer-Einstellungen (gelten eigentlich erst für die nächste Ebene)
 
		//// Positions-Einstellungen
		1.layerStyle = position:absolute;VISIBILITY:hidden;
		//// Position & Versatz relativ zum Eltern-Element (ab 2. Ebene brauchts zusätzlich "relativeToParentLayer&quot<img src="typo3conf/ext/mm_forum//res/smilies/icon_wink.gif" alt="icon_wink.gif" />
		1.relativeToTriggerItem = 1
		1.relativeToTriggerItem.addHeight = 1
		1.topOffset = 1
		1.leftOffset = -7
 
		//// Menü ausklappen (es wird sonst nichts angezeigt)
		1.expAll = 1
 
		//// Menü ausblenden
 
			//// Entfernung der Maus vom Menü (Pixel)
			1.hideMenuWhenNotOver = 20
			//// Zeit bis zur Ausblendung (Millisekunden)
			1.hideMenuTimer = 1000
 
 
	//// table brauchts für Positionierung mittels "relativeToTriggerItem/relativeToParentLayer"
	1.wrap=<table cellspacing="0" cellpadding="0"><tr>|</tr></table>
 
	1.NO = 1
	1.NO {
		//// table brauchts für Positionierung mittels "relativeToTriggerItem/relativeToParentLayer"
		wrap=<td>|</td>
		XY = [40.w]+16, 24
		backColor = #d20237
 
		//// Menütexte rendern
		40 = TEXT
		40.text.field = title
		40.fontFile = fileadmin/fonts/MyriadPro-SemiCn.ttf
		40.fontSize = 19
		40.fontColor = white
		40.niceText = 1
		40.offset = 2, 18
	}
 
	//// Roll-Over definieren
	1.RO < .1.NO
	1.RO.40.fontColor = #ffcf11
 
	//// Aktiv-Status des übergeordneten Elements vorgeben
	1.ACT < .1.RO
	1.ACT.40.fontColor = #ffcf11
 
	//// Aktiv-Status vorgeben
	1.CUR < .1.RO
 
 
//// Menü 2. Ebene
 
	2 = GMENU_LAYERS
 
	//// Layer-Einstellungen (gelten eigentlich erst für die nächste Ebene)
 
		//// Positions-Einstellungen
		2.layerStyle = position:absolute;VISIBILITY:hidden;
		//// Position & Versatz relativ zum Eltern-Element (ab 2. Ebene brauchts zusätzlich "relativeToParentLayer&quot<img src="typo3conf/ext/mm_forum//res/smilies/icon_wink.gif" alt="icon_wink.gif" />
		2.relativeToTriggerItem = 1
		2.relativeToParentLayer = 1
		2.relativeToParentLayer.addWidth = 1
		2.topOffset = -1
		2.leftOffset = -2
 
		//// Menü ausklappen (es wird sonst nichts angezeigt)
		2.expAll = 1
 
		//// Menü ausblenden
 
			//// Entfernung der Maus vom Menü (Pixel)
			2.hideMenuWhenNotOver = 20
			//// Zeit bis zur Ausblendung (Millisekunden)
			2.hideMenuTimer = 1000
 
	//// table brauchts für Positionierung mittels "relativeToTriggerItem/relativeToParentLayer"
	//// div für weisse Linie rundherum
	2.wrap=<div style="border: 1px solid #ffffff;"><table cellspacing="0" cellpadding="0">|</table></div>
 
	2.NO = 1
	2.NO {
		//// table brauchts für Positionierung mittels "relativeToTriggerItem/relativeToParentLayer"
		wrap=<tr><td>|</td></tr>
		XY = 200, 25 |*| 200, 25 |*| 200, 24
		backColor = #d20237
 
		//// Weisse Linie erzeugen
		30 = IMAGE
		30.file = GIFBUILDER
		30.file.XY = 200, 1
		30.file.backColor = white
		30.offset = 0, 24 |*| 0, 24 |*| -1, -1
 
		//// Menütexte rendern
		40 = TEXT
		40.text.field = title
		40.fontFile = fileadmin/fonts/MyriadPro-SemiCn.ttf
		40.fontSize = 17
		40.fontColor = white
		40.niceText = 1
		40.offset = 10, 17
	}
 
	//// Roll-Over definieren
	2.RO < .2.NO
	2.RO.40.fontColor = #ffcf11
 
 
	//// Wenn Unterseiten vorhanden sind
	2.IFSUB < .2.NO
	2.IFSUB {
		31 = IMAGE
		31.file = fileadmin/images/nav/dreiecke_5x9_weiss.png
		31.offset = 186, 7
	}
 
	//// Roll-Over, wenn Unterseiten vorhanden sind
	2.IFSUBRO < .2.IFSUB
	2.IFSUBRO.31.file = fileadmin/images/nav/dreiecke_5x9_gelb.png
	2.IFSUBRO.40.fontColor < .2.RO.40.fontColor
 
	//// Aktiv-Status des übergeordneten Elements vorgeben
	2.ACT < .2.IFSUBRO
 
	//// Aktiv-Status vorgeben
	2.CUR < .2.RO
 
 
//// Menü 3./4./5. Ebene
 
	3 < .2
	4 < .2
	5 < .2

marks.MENU_2 = HMENU
 marks.MENU_2.special = directory
 marks.MENU_2.special.value = 1
 marks.MENU_2.1 = GMENU_LAYERS
 marks.MENU_2.1 {
  layerStyle = position:absolute;left:230px;top:200px;width:0px;VISIBILITY:hidden; 
  xPosOffset = 50
  expAll=1
  dontFollowMouse = 1
 
 
  NO = 1 
  NO {
    XY = [10.w]+10, 29
    10 = TEXT
    allWrap =  |
    transparentBackground = 1
    10.antiAlias=0
    10.text.field = title
    10.offset = 5,17
    10.fontColor = #000000
    10.fontFile = fileadmin/verdana.ttf
    10.fontSize = 8
}
 
   RO = 1 
   RO{
     XY = [10.w]+10, 29
    10 = TEXT
    allWrap =  | 
    transparentBackground = 1
    10.antiAlias=0
    10.text.field = title
    10.offset = 5,18
    10.fontColor = #FFFFFF
    10.fontFile = fileadmin/verdana.ttf
    10.fontSize = 9
 
}
 
 
}

marks.MENU_2 = HMENU
 marks.MENU_2.special = directory
 marks.MENU_2.special.value = 1
 marks.MENU_2.1 = GMENU_LAYERS
 marks.MENU_2.1 {
  layerStyle = position:absolute;left:230px;top:200px;width:0px;VISIBILITY:hidden; 
  xPosOffset = 50
  expAll=1
  dontFollowMouse = 1
 
 
  NO = 1 
  NO {
    XY = [10.w]+10, 29
    10 = TEXT
    allWrap =  |
    transparentBackground = 1
    10.antiAlias=0
    10.text.field = title
    10.offset = 5,17
    10.fontColor = #000000
    10.fontFile = fileadmin/verdana.ttf
    10.fontSize = 8
}
 
   RO = 1 
   RO{
     XY = [10.w]+10, 29
    10 = TEXT
    allWrap =  | 
    transparentBackground = 1
    10.antiAlias=0
    10.text.field = title
    10.offset = 5,18
    10.fontColor = #FFFFFF
    10.fontFile = fileadmin/verdana.ttf
    10.fontSize = 9
 
}
 
 
}

MENU_OBEN = HMENU
MENU_OBEN {
  special = directory
  special.value = 50
  entryLevel = 1
  1 = GMENU_LAYERS
  1 {
    ....
  }
}

page = PAGE
page {
   [...]
   includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
   [...]
}

1 = GMENU_LAYERS
1 {
  wrap=<table cellspacing="0" cellpadding="0"><tr>|</tr></table>
  layerStyle =position:absolute;VISIBILITY:hidden;
  xPosOffset = -30
  lockPosition = y
  expAll=1
  leftOffset = 15
  topOffset = 30
  hideMenuWhenNotOver = 1
  hideMenuTimer = 250
  relativeToTriggerItem = 1
  NO {
    wrap=<td>|</td>
    backColor = #061467
    XY = 150, 22
    10 = TEXT
    10 {
      text.field = title
      offset = 5,15
      fontColor = #FFFFFF
      fontFile = fileadmin/fonts/verdana.ttf
      fontSize = 14
      fontStyle = bold
      niceText = 1
    }
  }
  CUR = 1
  CUR {
    wrap=<td>|</td>
    backColor = #364496
    XY = 150, 22
    10 = TEXT
    10 {
      text.field = title
      offset = 5,15
      fontColor = #FFFFFF
      fontFile = fileadmin/fonts/verdana.ttf
      fontSize = 14
      fontStyle = bold
      niceText = 1
    }
  }
  RO = 1
  RO {
    wrap=<td>|</td>
    backColor = #364496
    XY = 150, 22
    10 = TEXT
    10 {
      text.field = title
      offset = 5,15
      fontColor = #FFFFFF
      fontFile = fileadmin/fonts/verdana.ttf
      fontSize = 14
      fontStyle = bold
      niceText = 1
    }
  }
}
2 = GMENU
2 {
  expAll=1
  NO {
    wrap=|<br>
    backColor = #EEEEEE
    XY = 130, 20
    10 = TEXT
    10 {
      text.field = title
      offset = 5,15
      fontColor = #000000
      fontFile = fileadmin/fonts/verdana.ttf
      fontSize = 12
      niceText = 1
    }
  }
  RO = 1
  RO {
    wrap=|<br>
    backColor = #364496
    XY = 130, 20
    10 = TEXT
    10 {
      text.field = title
      offset = 5,15
      fontColor = #FFFFFF
      fontFile = fileadmin/fonts/verdana.ttf
      fontSize = 12
      niceText = 1
    }
  }
}