MAth-Cloud-3.0.0/www.ipsocloud.com/intimamedia.com/flex/com/imt/intimamedia/views/general/home/DemoView.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox 
	xmlns:mx="http://www.adobe.com/2006/mxml"
	label="{resourceManager.getString('labels', 'demo')}"
	verticalScrollPolicy="auto" horizontalScrollPolicy="off"
	paddingTop="10" paddingLeft="150" paddingRight="10">
	
	<mx:Script source="../../../scripts/general/home/demoView.as" />
	
	<mx:Zoom id="zoomMovieAdd" startDelay="50"/>
	
	<mx:Parallel id="zoomMovieRemove">
		<mx:Zoom />
		<mx:Fade />
	</mx:Parallel>

	<mx:HBox height="44%" width="100%">
		<mx:Canvas styleName="containerRedCompact" width="95%" height="100%">			
			<mx:Image source="@Embed('images/general/leftTitle.png')" />
			<mx:Label text="{resourceManager.getString( 'labels', 'demo.patient' )}" styleName="titlePanel" paddingLeft="15" hideEffect="Fade" showEffect="Fade" />
			<mx:Box buttonMode="true" useHandCursor="true" width="100%" height="100%" verticalAlign="middle" horizontalAlign="center" paddingTop="30" paddingRight="100" paddingLeft="120" paddingBottom="20">
				<mx:Image click="zoomImage('1')" source="@Embed('images/general/demo.png')" width="90%" height="90%"/>	
			</mx:Box>					
		</mx:Canvas>
		<mx:Canvas styleName="containerRedCompact" width="95%" height="100%" buttonMode="true" useHandCursor="true">			
			<mx:Image source="@Embed('images/general/leftTitle.png')" />
			<mx:Label text="{resourceManager.getString( 'labels', 'demo.acquire' )}" styleName="titlePanel" paddingLeft="15" hideEffect="Fade" showEffect="Fade" />
			<mx:Box buttonMode="true" useHandCursor="true" width="100%" height="100%" verticalAlign="middle" horizontalAlign="center" paddingTop="30" paddingRight="100" paddingLeft="120" paddingBottom="20">
				<mx:Image click="zoomImage('2')" source="@Embed('images/general/demo.png')" width="90%" height="90%"/>	
			</mx:Box>			
		</mx:Canvas>
	</mx:HBox>
	<mx:HBox height="44%" width="100%">
		<mx:Canvas styleName="containerRedCompact" width="95%" height="100%" >
			<mx:Image source="@Embed('images/general/leftTitle.png')" />
			<mx:Label text="{resourceManager.getString( 'labels', 'demo.measures' )}" styleName="titlePanel" paddingLeft="15" hideEffect="Fade" showEffect="Fade" />
			<mx:Box buttonMode="true" useHandCursor="true" width="100%" height="100%" verticalAlign="middle" horizontalAlign="center" paddingTop="30" paddingRight="100" paddingLeft="120" paddingBottom="20">
				<mx:Image click="zoomImage('3')" source="@Embed('images/general/demo.png')" width="90%" height="90%"/>	
			</mx:Box>			
		</mx:Canvas>
		<mx:Canvas styleName="containerRedCompact" width="95%" height="100%">
			<mx:Image source="@Embed('images/general/leftTitle.png')" />
			<mx:Label text="{resourceManager.getString( 'labels', 'demo.report' )}" styleName="titlePanel" paddingLeft="15" hideEffect="Fade" showEffect="Fade" />
			<mx:Box buttonMode="true" useHandCursor="true" width="100%" height="100%" verticalAlign="middle" horizontalAlign="center" paddingTop="30" paddingRight="100" paddingLeft="120" paddingBottom="20">
				<mx:Image click="zoomImage('4')" source="@Embed('images/general/demo.png')" width="90%" height="90%"/>	
			</mx:Box>			
		</mx:Canvas>
	</mx:HBox>
</mx:VBox>