// --- CONSTANTS start -----------------------
lib.rmenu {
  imgFolder = typo3conf/ext/foldoutmenu/examples/doublebuttons/images/
  collapseImgEnabled = up1.gif
  collapseImgDisabled = up2.gif
  expandImgEnabled = down1.gif
  expandImgDisabled = down2.gif
}
// --- CONSTANTS end -------------------------


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

lib.rmenu = COA
lib.rmenu {

  10 = HMENU
  10.wrap = <div id="menur"><ul>|</ul></div>
  10.entryLevel = 1
  10.1 = TMENU
  10.1 {
    expAll = 1
    itemArrayProcFunc = user_foldoutMenu->getIfSubUidList
    NO {
      ATagParams = class="no"
      allWrap = <li>|</li>
    }
    CUR < .NO
    CUR = 1
    CUR.ATagParams = class="act"
    IFSUB < .NO
    IFSUB = 1
    IFSUB {
      subst_elementUid = 1
      after.cObject = COA
      after.cObject {
        10 = IMAGE
        10.file = {$lib.rmenu.imgFolder}{$lib.rmenu.collapseImgDisabled}
        10.altText = -
        10.titleText = -
        10.params = align="top" id="rmenu-{elementUid}-0"
        10.wrap = <A href="javascript:;" onmousedown="rmenu.foldMenu('rmenu-{elementUid}',0);return false;" style="cursor: pointer;cursor: hand;" class="b1">|</a>
        20 = IMAGE
        20.file = {$lib.rmenu.imgFolder}{$lib.rmenu.expandImgEnabled}
        20.altText = Click to open
        20.titleText = Click to open
        20.params = align="top" id="rmenu-{elementUid}-1"
        20.wrap = <A href="javascript:;" onmousedown="rmenu.foldMenu('rmenu-{elementUid}',1);return false;" style="cursor: pointer;cursor: hand;"  class="b2">|</a>
      }
      allWrap = <li>|<ul id="rmenu-{elementUid}">
      wrapItemAndSub = |</ul></li>
    }
    ACTIFSUB < .IFSUB
    ACTIFSUB = 1
    ACTIFSUB.after.cObject.10.file = {$lib.rmenu.imgFolder}{$lib.rmenu.collapseImgEnabled}
    ACTIFSUB.after.cObject.10.altText = Click to close
    ACTIFSUB.after.cObject.10.titleText = Click to close
    ACTIFSUB.after.cObject.10.params = align="top" id="rmenu-{elementUid}-0"
    ACTIFSUB.after.cObject.20.file = {$lib.rmenu.imgFolder}{$lib.rmenu.expandImgDisabled}
    ACTIFSUB.after.cObject.20.altText = -
    ACTIFSUB.after.cObject.20.titleText = -
    ACTIFSUB.after.cObject.20.params = align="top" id="rmenu-{elementUid}-1"
    ACTIFSUB.allWrap = <li>|<ul id="rmenu-{elementUid}" style="display:block;">
    CURIFSUB < .IFSUB
    CURIFSUB = 1
    CURIFSUB.ATagParams = class="act"
  }
  10.2 < .10.1
  10.3 < .10.1

  20 = TEXT
  20.data = register:ifSubUidList
  20.postUserFunc = user_foldoutMenu->JSWrapper
  20.postUserFunc.prefix = rmenu
  20.postUserFunc.startFolded = 1
  20.postUserFunc.autoFold = 0
  20.postUserFunc.enableCookie = 1
  20.postUserFunc.imagePath = {$lib.rmenu.imgFolder}
  20.postUserFunc.imageSwap (
		["{$lib.rmenu.collapseImgDisabled}","{$lib.rmenu.collapseImgEnabled}"],
		["{$lib.rmenu.expandImgEnabled}","{$lib.rmenu.expandImgDisabled}"]
  )
  20.postUserFunc.altSwap (
		["-","Click to close"],
		["Click to open","-"]
  )
  20.required = 1
}

// --- CSS Styles start ----------------------
page.CSS_inlineStyle (
	#menur {width: 160px;font: normal normal normal 11px/13px Arial, Helvetica, sans-serif;}
	#menur ul {list-style: none;margin: 0px;padding: 0px;}
	#menur A.no, #menur A.act {color: #000000;text-decoration: none;display:block;border-bottom:1px solid #005073;padding: 3px 30px 3px 5px;}
	#menur A.act, #menur A.act:hover { font-weight : bold;}
	#menur {border-top:1px solid black;border-right:1px solid black;border-left:1px solid black;}
	*html #menur A.no, *html #menur A.act {width: 100%;} /* IE */
	#menur A.b1,#menur A.b2 {height:0px;}
	#menur IMG {position: absolute;margin-top: -15px;}
	#menur A.b1 IMG {margin-left: 145px;}
	#menur A.b2 IMG {margin-left: 132px;}
	#menur UL A.no,#menur UL A.act {background: #0191cc;}
	#menur UL A:hover {background: #80c8e6;}
	#menur UL LI UL A.no,#menur UL LI UL A.act {background: #3ebcef;}
	#menur UL LI UL A:hover {background: #9fdef7;}
	#menur UL LI UL LI UL A.no,#menur UL LI UL LI UL A.act {background: #8dcff3;}
	#menur UL LI UL LI UL A:hover {background: #c6e7f9;}
)
// --- CSS Styles end ------------------------


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