// --- CONSTANTS start -----------------------
lib.vmenu {
  imgFolder = typo3conf/ext/foldoutmenu/examples/horizontal/images/
  collapseImg = arrow_right.gif
  expandImg = arrow_left.gif
}
// --- CONSTANTS end -------------------------


// --- SETUP start ---------------------------
includeLibs.foldoutmenu = typo3conf/ext/foldoutmenu/foldoutmenu.php

lib.vmenu = COA
lib.vmenu {

  10 = HMENU
  10.wrap = <div id="menuv"><ul>|</ul></div>
  10.entryLevel = 1
  10.1 = TMENU
  10.1 {
    expAll = 1
    itemArrayProcFunc = user_foldoutMenu->getIfSubUidList
    NO {
      stdWrap.cObject = COA
      stdWrap.cObject {
        10 = TEXT
        10.field = title
        20 = CLEARGIF
        20.width=9
        20.wrap = |
      }
      ATagParams = class="no"
      allWrap = <li>|</li>
    }
    CUR < .NO
    CUR = 1
    CUR.ATagParams = class="act"
    IFSUB < .NO
    IFSUB = 1
    IFSUB {
      doNotLinkIt = 1
      subst_elementUid = 1
      stdWrap.cObject = COA
      stdWrap.cObject {
        20 >				
        20 = IMAGE
        20.file = {$lib.vmenu.imgFolder}{$lib.vmenu.collapseImg}
        20.altText = Click to open
        20.titleText = Click to open
        20.params = align="top" id="vmenu-{elementUid}-0"
      }
      linkWrap = <A href="javascript:;" onmousedown="vmenu.foldMenu('vmenu-{elementUid}');return false;" style="cursor: pointer;cursor: hand;" class="no">|</a>
      allWrap = <li>|<ul id="vmenu-{elementUid}">
      wrapItemAndSub = |</ul></li>
    }
    ACTIFSUB < .IFSUB
    ACTIFSUB = 1
    ACTIFSUB.stdWrap.cObject.20.file = {$lib.vmenu.imgFolder}{$lib.vmenu.expandImg}
    ACTIFSUB.stdWrap.cObject.20.altText = Click to close
    ACTIFSUB.stdWrap.cObject.20.titleText = Click to close
    ACTIFSUB.stdWrap.cObject.20.params = align="top" id="vmenu-{elementUid}-0"
    ACTIFSUB.allWrap = <li>|<ul id="vmenu-{elementUid}" style="display:inline;">
    CURIFSUB < .IFSUB
    CURIFSUB = 1
    CURIFSUB.linkWrap = <A onmousedown="vmenu.foldMenu('vmenu-{elementUid}');return false;" style="cursor: pointer;cursor: hand;" class="act">|</a>
  }
  10.2 < .10.1
  10.3 < .10.1

  20 = TEXT
  20.data = register:ifSubUidList
  20.postUserFunc = user_foldoutMenu->JSWrapper
  20.postUserFunc.prefix = vmenu
  20.postUserFunc.startFolded = 1
  20.postUserFunc.autoFold = 1
  20.postUserFunc.foldCurrent = 1
  20.postUserFunc.enableCookie = 1
  20.postUserFunc.direction = 1
  20.postUserFunc.imagePath = {$lib.vmenu.imgFolder}
  20.postUserFunc.imageSwap =["{$lib.vmenu.collapseImg}","{$lib.vmenu.expandImg}"]
  20.postUserFunc.altSwap =["Click to open","Click to close"]
  20.required = 1
}

// --- CSS Styles start ----------------------
page.CSS_inlineStyle (
	#menuv {font: normal normal normal 11px/13px Arial, Helvetica, sans-serif;}
	#menuv A.no, #menuv A.act {color: #000000;text-decoration: none;}
	#menuv A.act, #menuv A.act:hover { font-weight : bold;}
	#menuv ul {display: inline;list-style: none;margin: 0px;padding: 0px; white-space: nowrap;}
	#menuv li {display: inline;}
	#menuv A {border-top:1px solid black;border-bottom:1px solid black;border-right:1px solid #005073;padding: 3px 5px 3px 15px;}
	#menuv>UL:first-child>LI:first-child>A:first-child {border-left:1px solid black;}
	#menuv UL IMG {margin:2px 3px 2px 0px;}
	#menuv UL IMG {margin:2px 3px 2px 0px;}
	#menuv UL A {background: #0191cc;}
	#menuv UL A:hover {background: #80c8e6;}
	#menuv UL LI UL A {background: #3ebcef;}
	#menuv UL LI UL A:hover {background: #9fdef7;}
	#menuv UL LI UL LI UL A {background: #8dcff3;}
	#menuv UL LI UL LI UL A:hover {background: #c6e7f9;}
)
// --- CSS Styles end ------------------------

// --- SETUP end -----------------------------