TLF and Flex Mobile

I was trying to run a simple pagination example that works fine as a web app.

It uses the paginationWidget.as and Alice.as files which can be found here: http://blogs.adobe.com/tlf/files/2010/09/Pagination20Build169.zip

Any help would be appreciated.

Thanks

The code for the Home view is:

<?xml version="1.0" encoding="utf-8"?>

<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:s="library://ns.adobe.com/flex/spark" title="Home">

<fx:Declarations>

<!-- Place non-visual elements (e.g., services, value objects) here -->

</fx:Declarations>

<fx:Script>

<![CDATA[

import tools.PaginationWidget;

import flashx.textLayout.conversion.TextConverter;

import flashx.textLayout.elements.TextFlow;

import flashx.textLayout.formats.TextAlign;

import flashx.textLayout.formats.TextLayoutFormat;

public var pageView:PaginationWidget = new PaginationWidget();

public var curChapter:int = -1;

private function init():void {

storyBox.width=this.width;

storyBox.addChild(pageView);

pageView.setSize(storyBox.width, storyBox.height);

setChapter(0);

}

private function setChapter(chapterNumber:int):void

{

curChapter = chapterNumber;

var textFlow:TextFlow = TextConverter.importToFlow(Alice.contents[chapterNumber], TextConverter.TEXT_LAYOUT_FORMAT);

pageView.textFlow = textFlow;

}

private function prevChapter():void

{

if (curChapter > 0)

setChapter(curChapter-1);

}

private function nextChapter():void

{

if (curChapter >= 0 && curChapter < Alice.contents.length-1)

setChapter(curChapter+1);

}

]]>

</fx:Script>

<s:Group top="0" left="0" right="0">

<s:Button left="100" top="0" width="70" height="25" label="np"

  click="pageView.nextPage()" fontSize="18"/>

<s:Button left="0" top="0" width="70" height="25" label="pp"

  click="pageView.prevPage()" fontSize="18"/>

<s:Button right="0" top="0" width="70" height="25" label="nc" click="nextChapter()" fontSize="18"/>

<s:Button right="100" top="0" width="70" height="25" label="pc" click="prevChapter()" fontSize="18"/>

<s:SpriteVisualElement id="storyBox" top="25" bottom="0" left="0" right="0" />

</s:Group>

</s:View>