/******
*
*
accessible GTMenu
 
Published in: TYPO3 
 
URL: http://www.gtmenu.de
 
Using this TypoScript, 
you can build an accessible GTMenu which may fully be styled using CSS. 
We propose using this instead of ANY GMENU which creates ugly code.
 
It renders a simple TMENU, 
and wraps an IMG_RESOURCE into the ATagParams by making this a cObject. 
There will be a podcast on typo3.org sometime soon.
 
Please note: 
in order to use {TSFE:lastImgResourceInfo|0} 
(which reads the width of the last image generated by the gifbuilder) 
you need TYPO3 4.1
 
*
*
*******/
 
 
### TypoScript ###
 
lib.gtmenu = HMENU
lib.gtmenu {
	1 = TMENU
	1 {
		wrap = <ul id="navi">|</ul>
		NO.doNotLinkIt = 1
		NO.wrapItemAndSub = <li>|</li>
		NO.stdWrap.cObject = COA
		NO.stdWrap.cObject {
			10 = TEXT
			10 {
				field = title
				typolink {
					parameter.field = uid
 
					ATagParams.cObject = COA
					ATagParams.cObject {
						10 = IMG_RESOURCE
						10.file = GIFBUILDER
						10.file {
							XY = [10.w]+[20.w]+10,70
							transparentColor = #ffffff
							10 = TEXT
							10 {
								text.field = subtitle//title
								fontSize = 14
								fontFile=fileadmin/fonts/DINPro-Bold.otf
								offset = 5,20
								fontColor = #787879
							}
 
							20 = BOX
							20 {
								dimensions = 0,30,[10.w]+[20.w]+10,30
								color = #e53827
							}
 
							30 = TEXT
							30 < .10
							30 {
								offset = 5,50
								fontColor = #ffffff
							}
						}
						10.stdWrap.dataWrap = style="width:{TSFE:lastImgResourceInfo|0}px; background-image: url('/|');"
					}
				}
			}
		}
	}
}
 
 
 
### CSS ###
 
ul#navi {list-style: none;}
ul#navi li {float: left;}
ul#navi li a {background-repeat:no-repeat; display:block; overflow:hidden;text-indent: 999em; white-space:nowrap; height:30px;}
ul#navi li a:hover, ul#navi li.current a,ul#navi li.over a {background-position:0px -30px;}

temp.submenu = HMENU
temp.submenu {
    entryLevel = 2
    1 = TMENU
    1.wrap = <ul class="nav3">|</ul>
    1 {
        NO {
            wrapItemAndSub = <li><span class="hidden">|</li>
            stdWrap.append = COA
            stdWrap.append {
                9 = HTML
                9.value = </span>
                10 = IMAGE
                10.file = fileadmin/templates/main_2/spacer.gif
                10.altText.field = title
                10.titleText.field = title
            }
        }
    }
    1.ACT < NO
    1.ACT = 1
    1.ACT {
        wrapItemAndSub = <li><span class="hidden">|</li>
        stdWrap.append = COA
        stdWrap.append {
            9 = HTML
            9.value = </span>
            10 = IMAGE
            10.file = fileadmin/templates/main_2/spacer.gif
            10.altText.field = title
            10.titleText.field = title
        }
        ATagParams=class="active"
    }
}