Scroll Area Plugin is not working in vertical position can any one help whats wrong in below code.

Regards
ADeeL Sadaqat
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<krpano>
<!-- adjust the examples backbutton position (if available), the wait(0) in the onstart action allows executing this event -->
<events name="backbutton_adjust" keep="true" onxmlcomplete="if(layer[backbutton], set(layer[backbutton].y,106));" />

<progress showload="none" showwait="none" />

<layer name="thumbs" keep="true" type="container" align="rightbottom" width="300" height="100%" bgcolor="0x000000" bgalpha="0.3">
<!-- scroll buttons - call the scrollarea scrollby() action as long as pressing down the button -->

<layer name="arrow_left" url="arrow2_l.png" align="top" scale="0.5" zorder="2" alpha="0.3" onover="tween(alpha,1);" onout="tween(alpha,0.3);" ondown="onover(); asyncloop(pressed, layer[scrollarea].scrollby(0,+2));" onup="onout();" />
<layer name="arrow_right" url="arrow2_r.png" align="bottom" scale="0.5" zorder="2" alpha="0.3" onover="tween(alpha,1);" onout="tween(alpha,0.3);" ondown="onover(); asyncloop(pressed, layer[scrollarea].scrollby(0,-2));" onup="onout();" />

<layer name="scrollarea" url="%SWFPATH%/plugins/scrollarea.swf" alturl="%SWFPATH%/plugins/scrollarea.js" align="center" width="100%" height="100%" zorder="1" direction="v" onloaded="setcenter(0,0);">
<layer name="thumb1" url="thumb1.jpg" align="center" edge="top" x="0" y="60" onclick="hit(); loadscene(pano1,null,MERGE,BLEND(0.5));" />
<layer name="thumb2" url="thumb1.jpg" align="center" edge="top" x="0" y="170" onclick="hit(); loadscene(pano2,null,MERGE,BLEND(0.5));" />
<layer name="thumb3" url="thumb1.jpg" align="center" edge="top" x="0" y="280" onclick="hit(); loadscene(pano3,null,MERGE,BLEND(0.5));" />
<layer name="thumb4" url="thumb1.jpg" align="center" edge="top" x="0" y="390" onclick="hit(); loadscene(pano4,null,MERGE,BLEND(0.5));" />
<layer name="thumb5" url="thumb1.jpg" align="center" edge="top" x="0" y="500" onclick="hit(); loadscene(pano5,null,MERGE,BLEND(0.5));" />
<layer name="thumb6" url="thumb1.jpg" align="center" edge="top" x="0" y="610" onclick="hit(); loadscene(pano6,null,MERGE,BLEND(0.5));" />
<layer name="thumb7" url="thumb1.jpg" align="center" edge="top" x="0" y="720" onclick="hit(); loadscene(pano7,null,MERGE,BLEND(0.5));" />
<layer name="thumb8" url="thumb1.jpg" align="center" edge="top" x="0" y="830" onclick="hit(); loadscene(pano8,null,MERGE,BLEND(0.5));" />
<layer name="thumb9" url="thumb1.jpg" align="center" edge="top" x="0" y="940" onclick="hit(); loadscene(pano9,null,MERGE,BLEND(0.5));" />
<!-- repeat the scenes again now just to have more thumbs to scroll -->

</layer>
</layer>

</krpano>