title: How to set current page dynamically in flexbook?
body: <p>I am using a Flexbook which contains 2 BorderContainer. The code is shown below</p>
  
  <pre><code>&lt;controls:FlexBook id="book" x="20" y="20"
                 width="100%" height="100%" horizontalCenter="0" 
                 animateCurrentPageIndex="true"
                 showCornerTease="true" animatePagesOnTurn="true" 
                 activeGrabArea="edge"
                 edgeAndCornerSize="20" 
                 hardbackPages="false"
                 hardbackCovers="false"
                 pageShadowStrength="1"
                 curveShadowStrength="1"
                 pageSlope="0"
                 itemSize="page"
                 backgroundColor="0xC3D1D9"
                 borderThickness="0"
                 borderColor="0xC3D1D9"
                 cover="{null}"
                 backCover="{null}"
                 showPageSlopeAtRest="false" 
                 cacheAsBitmap="true"&gt;
  
  &lt;s:BorderContainer id="page1"&gt;
  
  
      &lt;mx:ColumnChart x="0" y="35" id="ccMain" height="90%" width="99%"
                      cacheAsBitmap="true"
                      showDataTips="true"  dataTipFunction="{getDataTip}"  type="clustered" backgroundElements="{bge4}"&gt;
              &lt;!-- column chart code goes here --&gt;
      &lt;/mx:ColumnChart&gt;
  
  &lt;/s:BorderContainer&gt;
  
  
  &lt;s:BorderContainer id="page2" creationComplete="productMainPg2.addElement(lineChart)"&gt;
      &lt;mx:Legend dataProvider="{lineChart}" height="21" x="10" width="95%" color="#b1b7f4"/&gt;
  &lt;/s:BorderContainer&gt;
  </code></pre>
  
  <p></p>
  
  <p>This code shows page1 as current page. <strong>I want to show the BorderContainer (id= page2) as my current page dynamically on a button click.</strong> I tried setting currentPageIndex = 1, but I get a blank page by doing this.</p>