# mspindler 2008-09

[globalVar=GP:menustyle=] || [globalVar=GP:menustyle=1]

# Menü, zugänglich (Image Replacement)
# Quelle TypoScript: http://snipplr.com/view/5929/accessible-gtmenu/
# Quelle JS-DockMenu: http://www.ajaxdaddy.com/demo-interface-fisheye.html
# Problem: CSS-Hintergrundbilder können nicht skaliert werden!
page.10.marks.TITLE.value = DockMenu als "GTMENU" mit Image Replacement
page.includeCSS.dockmenu_ir = fileadmin/tpl/styles_dockmenu_ir.css
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 {
              format = png
              XY = [10.w]+[20.w]+10,100
              backColor = #eeeeee
              transparentColor = #eeeeee
              10 = TEXT
              10 {
                text.field = subtitle//title
                fontSize = 20
                offset = 5,20
                fontColor = #787879
              }

              20 = BOX
              20.dimensions = 0,30,[10.w]+[20.w]+10,30
              20.color = #e53827

              30 = TEXT
              30 < .10
              30 {
                offset = 5,50
                fontColor = #ffffff
              }
            }
            10.stdWrap.dataWrap = class="dock-item" style="width:{TSFE:lastImgResourceInfo|0}px; background-image: url('/|');"
          }
        }
      }
    }
  }
}

[globalVar=GP:menustyle=2]
# Grafisches Menü, nicht zugänglich (HTML-Image)
page.10.marks.TITLE.value = DockMenu als GMENU mit alt/title-Tag
  lib.gtmenu = HMENU
  lib.gtmenu {
    1 = GMENU
    1 {
      wrap = <ul id="navi">|</ul>
      expAll = 1
      noBlur = 1
      disableAltText = 1
      NO = 1
      NO {
        allWrap = <li>|</li>
        XY = 200,50
        format = png
        backColor = #eeeeee
        ATagParams = class="dock-item"
        imgParams = title="{field:subtitle//field:title}" alt="{field:subtitle//field:title}" style="height:auto"
        allStdWrap.insertData = 1
        10 = TEXT
        10 {
          text.field = subtitle//title
          fontSize = 50
          offset = 5,40
          fontColor = #787879
        }
     }
  }
}

[globalVar=GP:menustyle=3]
# Textmenü, nicht zugänglich, mit Icons (prepend-Image aus Page Resource)
page.10.marks.TITLE.value = DockMenu als TMENU mit Icons (prepend-Image aus Page Resource)
lib.gtmenu = HMENU
lib.gtmenu {
  1 = TMENU
  1 {
    wrap = <ul id="navi">|</ul>
    expAll = 1
    noBlur = 1
    NO = 1
    NO {
      allWrap = <li>|</li>
      ATagParams = class="dock-item"
      stdWrap.prepend = IMAGE
      stdWrap.prepend {
        params = style="height:auto"
        file {
          import.field = media
          import = uploads/media/
          import.listNum = 0
        }
      }
    }
  }
}

[end]