#set ($propertyUtil = $sitevisionUtils.propertyUtil)
#set ($outputUtil = $sitevisionUtils.outputUtil)

##set ($rootNode =  $jcrSession.getNodeByIdentifier("3.73524e2413e64b1dd1192"))

#if ($propertyUtil.getNode($portlet, 'menuRoot'))
   #set ($rootNode = $propertyUtil.getNode($portlet, 'menuRoot'))
#end

#set ($fontClass = $propertyUtil.getNestedString($portlet, 'normalFont', 'selectorText'))
#set ($activeFontClass = $propertyUtil.getNestedString($portlet, 'activeFont', 'selectorText', $fontClass))
#set ($rightArrow = "rightArrow")

#set ($puffar = $sitevisionUtils.nodeIteratorUtil.getMenuItems($rootNode))
#if ($puffar.hasNext())
	#foreach($puffPage in $puffar)
		#set ( $mittenspalt  = $puffPage.getNode("Page Content").getNode("Mittenspalt") )
	
			#set ( $puffLink1 = $propertyUtil.getNestedString($puffPage,'pufflink1','URI'))
            #set ( $puffLink2 = $propertyUtil.getNestedString($puffPage,'pufflink2','URI'))
            #set ( $puffLink3 = $propertyUtil.getNestedString($puffPage,'pufflink3','URI'))
			#set ( $puffRubrik = $propertyUtil.getString($puffPage,'rubrik'))
			#set ( $puffImage = $propertyUtil.getNestedString($puffPage,'bild','URI'))
            #set ( $puffImageLink = $propertyUtil.getNestedString($puffPage,'imagelink','URI'))
			#set ( $puffText1 =	$propertyUtil.getString($puffPage,'textrad1'))
			#set ( $puffText2 =	$propertyUtil.getString($puffPage,'textrad2'))
			#set ( $puffLinktext1 = $propertyUtil.getString($puffPage,'linktext1'))
            #set ( $puffLinktext2 = $propertyUtil.getString($puffPage,'linktext2'))
            #set ( $puffLinktext3 = $propertyUtil.getString($puffPage,'linktext3'))
      
        #if($propertyUtil.getNestedString($puffPage,'bild','URI'))    
		<div class="puffModule-small" style="position: relative;width:220px;">
            <div class="puffWrp">
    			<a href="$puffImageLink">                   
                    <img style="height:auto;width:100%;" src="$propertyUtil.getNestedString($puffPage,'bild','URI')" alt="img" />                    
                    <div style="cursor:pointer;" class="puffTxtContainer">
                		#if($puffText1 != '')
                        	<p style="display:inline-block;" class="puffTxt ${fontClass}">
                				$!puffText1
                			</p><br/>
                        #end
                        #if($puffText2 != '')
                			<p style="display:inline-block;" class="puffTxt ${fontClass}">
                				$!puffText2
                			</p>
                        #end
                    </div>
                </a>
    			<!--<div style="font-size:120%;">
    				##<a href="$propertyUtil.getNestedString($puffPage,'pufflink','URL')">$propertyUtil.getString($puffPage,'linktext')</a>
    			</div>-->
            </div>
            #if($puffLinktext1 != '')
                <a href="$puffLink1">
                    <p style="margin: 5px 0px 0px 0px;" class="${activeFontClass} $rightArrow"> $!puffLinktext1</p>
                </a>
            #end
            #if($puffLinktext2 != '')
                <a href="$puffLink2">
                    <p style="margin: 5px 0px 0px 0px;" class="${activeFontClass} $rightArrow"> $!puffLinktext2</p>
                </a>
            #end 
            
            #if($puffLinktext3 != '')
                <a href="$puffLink3">
                    <p style="margin: 5px 0px 0px 0px;" class="${activeFontClass} $rightArrow"> $!puffLinktext3</p>
                </a>
            #end
           
		</div>
        #end
	#end
#end