MAth-Cloud-3.0.0/www.ipsocloud.com/intimamedia.com/flex/com/imt/intimamedia/views/physician/acquire/AcquireView.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox 
	xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns:qs="qs.controls.*"
	xmlns:panzoom="org.rockholla.controls.panzoom.*"
	xmlns:helpers="com.imt.intimamedia.helpers.*"
	horizontalAlign="center" verticalAlign="top"
	paddingLeft="50" paddingRight="10"
	verticalScrollPolicy="auto" horizontalScrollPolicy="auto"
	show="showView()"
	creationComplete="creationCompleteHandler()">
	
	<mx:Script>
		<![CDATA[
			import mx.effects.easing.Elastic;
		]]>
	</mx:Script>
	
	<mx:Script source="../../../scripts/physician/acquire/acquireView.as" />
	
	<mx:Zoom id="zoomHelpAdd" startDelay="50"/>
	
	<mx:Parallel id="zoomHelpRemove">
		<mx:Zoom />
		<mx:Fade />
	</mx:Parallel>
	
	<mx:VBox width="180%" height="100%" verticalScrollPolicy="off" visible="{!_man}" includeInLayout="{!_man}" showEffect="Fade" hideEffect="Fade">
		
		<mx:VBox width="100%" height="130%" styleName="containerZoneWithTitle">
			<mx:Canvas width="100%">
				<mx:Image source="@Embed('images/general/leftTitle.png')" />
				<mx:Label text="{resourceManager.getString( 'labels', 'title.acquisition')}" styleName="titlePanel" />				
				<mx:Label text="{_model.patientSelected.firstName} {_model.patientSelected.lastName}, {_model.getSelectedPatientGender()}, {_model.getSelectedPatientBirthDate()}, ({resourceManager.getString( 'labels', 'label.visit')} {_model.appointmentSelected.number})" left="300" paddingBottom="0" styleName="blackText" />
				<mx:Image id="acquireGlobalProcessHelp" visible="false" includeInLayout="false" />
				<mx:Image id="acquireAcquisitionHelp" visible="false" includeInLayout="false" />
				<mx:Image source="@Embed('images/general/question_mark.png')" click="HelpUtils.loadAcquireHelp(acquireAcquisitionHelp)" right="10" top="10" buttonMode="true" useHandCursor="true" />
			</mx:Canvas>
			<mx:HBox width="100%" verticalGap="1">
				<mx:VBox height="100%" paddingLeft="25">								
					<mx:Image source="@Embed(source='images/acquire/lens.png')" visible="true" 
							  click="viewCamera()" toolTip="{resourceManager.getString( 'labels', 'banner.video')}" />
					<mx:Image source="@Embed('images/acquire/browse.png')" visible="true"
							  click="viewBrowse()" toolTip="JPEG, DICOM, PNG" />
				</mx:VBox>
				<mx:ViewStack id="cameraViews" width="97%" creationPolicy="all">
					<mx:VBox id="cameraBox" horizontalAlign="center" width="100%" showEffect="Fade" hideEffect="Fade" rollOver="displayControls(controlsVideo)" rollOut="hideControls(controlsVideo)" >
						<mx:Image id="snapshotDragAndDrop" includeInLayout="false" visible="false" width="127" height="95" />
						
						<mx:Canvas>
							<mx:Box width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">
								<mx:Image id="snapshotVideo" includeInLayout="false" visible="false" width="660" height="494" />
								<mx:VideoDisplay id="video" width="660" height="494" />
							</mx:Box>
							
							<mx:Image id="snapshotVideoHD" visible="false" includeInLayout="false" width="{_webcamMaxWidth}" height="{_webcamMaxHeight}" />
							<mx:VideoDisplay id="videoHD" visible="false" includeInLayout="false" width="{_webcamMaxWidth}" height="{_webcamMaxHeight}" />
							
							<mx:HBox id="controlsVideo" alpha="0" bottom="2" width="660" horizontalAlign="center" visible="{!_model.viewPatient}">
								<mx:Button id="playButton" icon="@Embed(source='images/acquire/play.png')" width="100%" label="{resourceManager.getString( 'labels', 'button.play')}" visible="false" includeInLayout="false" click="play()" />
								<mx:Button id="snapshotButton" icon="@Embed(source='images/acquire/record.png')" width="100%" label="{resourceManager.getString( 'labels', 'button.snapshot')}" click="snapshot()" />
								<mx:Button icon="@Embed(source='images/acquire/webcam.png')" label="{resourceManager.getString( 'labels', 'button.source')}" width="100%" click="changeCamera()" />
								<mx:Button icon="@Embed(source='images/acquire/settings.png')" label="{resourceManager.getString( 'labels', 'button.settings')}" width="100%" click="changeSecurity()" />
							</mx:HBox>
						</mx:Canvas>					
					</mx:VBox>				
					<mx:VBox horizontalAlign="center" width="100%" showEffect="Fade" hideEffect="Fade" rollOver="displayControls(controlsImage)" rollOut="hideControls(controlsImage)">
						<mx:Canvas horizontalCenter="0">	
							<mx:Box id="snapshotImageBox" width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">
								<mx:Image id="snapshotImage" width="660" height="494" />
							</mx:Box>
							<mx:Image id="snapshotImageHD" visible="false" includeInLayout="false"/>	
							<!--mx:ProgressBar id="dicomProgressBar" visible="false" top="175" width="60%" mode="manual" /-->
							<mx:HBox id="controlsImage" alpha="1" bottom="2" width="660" horizontalAlign="center" visible="{!_model.viewPatient}">
								<!--mx:Button icon="@Embed(source='images/acquire/browse_16.png')" label="{resourceManager.getString( 'labels', 'banner.browse')}" width="100%" click="browse()" /-->
							</mx:HBox>
						</mx:Canvas>
					</mx:VBox>	
				</mx:ViewStack>
				
				<!--mx:VBox width="3%" height="330" verticalAlign="bottom" horizontalAlign="right" paddingRight="30" visible="{!_man &amp;&amp; !_model.viewPatient}" includeInLayout="{!_man &amp;&amp; !_model.viewPatient}">
				<mx:Button icon="@Embed(source='images/acquire/save.png')" width="115" label="{resourceManager.getString( 'labels', 'button.save')}" height="25" click="saveImages()" />
				</mx:VBox-->
			</mx:HBox>
			
			<mx:HBox horizontalAlign="center" width="100%" verticalGap="2" paddingTop="3" paddingBottom="1" verticalAlign="middle" horizontalGap="5" cornerRadius="10" visible="{!_man}" includeInLayout="{!_man}" showEffect="Fade">
				
				<mx:VBox horizontalAlign="center" verticalGap="2" width="100%" visible="{!_body}" includeInLayout="{!_body}">
					<mx:HBox width="98%" height="16">
						<mx:Label text="{resourceManager.getString( 'labels', 'label.right')}" styleName="titleGrey" />
						<mx:Spacer width="100%" />
						<mx:Label id="typeRight" styleName="titleGrey" />
					</mx:HBox>
					<mx:TileList 
						id="listCarotidRight"
						visible="{_carotids}" includeInLayout="{_carotids}"
						dataProvider="{collectionImagesCarotidRight}"
						dragEnter="allowDropToTileList(event)"
						dragDrop="acceptDropToTileList(event)"
						verticalScrollPolicy="off"
						horizontalScrollPolicy="auto"
						direction="vertical"
						width="98%" 
						verticalAlign="middle"
						height="95" 
						styleName="containerZoneRectangle"
						itemRenderer="com.imt.intimamedia.views.physician.acquire.TileListCarotidRightItemRenderer"
						itemsChangeEffect="{dataChangeEffectCarotidRight}" />  
					<mx:TileList 
						id="listLegRight"
						visible="{_legs}" includeInLayout="{_legs}"
						dataProvider="{collectionImagesLegRight}"
						dragEnter="allowDropToTileList(event)"
						dragDrop="acceptDropToTileList(event)"
						verticalScrollPolicy="off"	
						horizontalScrollPolicy="auto"
						direction="vertical"
						width="98%" 
						verticalAlign="middle"
						height="95" 
						styleName="containerZoneRectangle"
						itemRenderer="com.imt.intimamedia.views.physician.acquire.TileListLegRightItemRenderer"
						itemsChangeEffect="{dataChangeEffectLegRight}" />  
					<mx:TileList 
						id="listArmRight"
						visible="{_arms}" includeInLayout="{_arms}"
						dataProvider="{collectionImagesArmRight}"
						dragEnter="allowDropToTileList(event)"
						dragDrop="acceptDropToTileList(event)"
						verticalScrollPolicy="off"
						horizontalScrollPolicy="auto"
						direction="vertical"
						width="98%" 
						verticalAlign="middle"
						height="95" 
						styleName="containerZoneRectangle"
						itemRenderer="com.imt.intimamedia.views.physician.acquire.TileListArmRightItemRenderer"
						itemsChangeEffect="{dataChangeEffectArmRight}" />   				
				</mx:VBox>
				
				<mx:VBox horizontalAlign="center" verticalGap="2" width="100%" visible="{_body}" includeInLayout="{_body}">
					<mx:HBox width="98%" height="16">
						<mx:Label text="{resourceManager.getString( 'labels', 'label.center')}" styleName="titleGrey" />
						<mx:Spacer width="100%" />
						<mx:Label id="typeCenter" styleName="titleGrey" />
					</mx:HBox>	
					<mx:TileList 
						id="listBody"
						dataProvider="{collectionImagesBody}"
						dragEnter="allowDropToTileList(event)"
						dragDrop="acceptDropToTileList(event)"
						verticalScrollPolicy="off"
						horizontalScrollPolicy="auto"
						direction="vertical"
						width="98%" 
						height="95" 
						styleName="containerZoneRectangle"
						itemRenderer="com.imt.intimamedia.views.physician.acquire.TileListBodyItemRenderer"
						itemsChangeEffect="{dataChangeEffectBody}" />   				
				</mx:VBox>
				
				<mx:VBox horizontalAlign="center" verticalAlign="middle" verticalGap="2" width="100%" visible="{!_body}" includeInLayout="{!_body}">
					<mx:HBox width="98%" height="16">
						<mx:Label text="{resourceManager.getString( 'labels', 'label.left')}" styleName="titleGrey" />
						<mx:Spacer width="100%" />
						<mx:Label id="typeLeft" styleName="titleGrey" />
					</mx:HBox>
					<mx:TileList 
						id="listCarotidLeft"
						visible="{_carotids}" includeInLayout="{_carotids}"
						dataProvider="{collectionImagesCarotidLeft}"				 
						dragEnter="allowDropToTileList(event)"
						dragDrop="acceptDropToTileList(event)"
						verticalScrollPolicy="off"
						horizontalScrollPolicy="auto"
						direction="vertical"
						width="98%"
						verticalAlign="middle"
						height="95" 
						styleName="containerZoneRectangle"
						itemRenderer="com.imt.intimamedia.views.physician.acquire.TileListCarotidLeftItemRenderer"
						itemsChangeEffect="{dataChangeEffectCarotidLeft}" />
					<mx:TileList 
						id="listLegLeft"
						visible="{_legs}" includeInLayout="{_legs}"
						dataProvider="{collectionImagesLegLeft}"
						dragEnter="allowDropToTileList(event)"
						dragDrop="acceptDropToTileList(event)"
						verticalScrollPolicy="off"
						horizontalScrollPolicy="auto"
						direction="vertical"
						width="98%" 
						verticalAlign="middle"
						height="95" 
						styleName="containerZoneRectangle"
						itemRenderer="com.imt.intimamedia.views.physician.acquire.TileListLegLeftItemRenderer"
						itemsChangeEffect="{dataChangeEffectLegLeft}" />		
					<mx:TileList 
						id="listArmLeft"
						visible="{_arms}" includeInLayout="{_arms}"
						dataProvider="{collectionImagesArmLeft}"
						dragEnter="allowDropToTileList(event)"
						dragDrop="acceptDropToTileList(event)"
						verticalScrollPolicy="off"
						horizontalScrollPolicy="auto"
						direction="vertical"
						width="98%" 
						verticalAlign="middle"
						height="95" 
						styleName="containerZoneRectangle"
						itemRenderer="com.imt.intimamedia.views.physician.acquire.TileListArmLeftItemRenderer"
						itemsChangeEffect="{dataChangeEffectArmLeft}" />
				</mx:VBox>
			</mx:HBox>	
		</mx:VBox>
	</mx:VBox>

	<mx:VBox height="100%" minWidth="460" width="100%">
	
		<mx:Canvas width="100%" height="100%" styleName="containerZoneWithTitle" horizontalScrollPolicy="auto" resizeEffect="Resize">
		
			<mx:Canvas width="100%">
				<mx:Image source="@Embed('images/general/leftTitle.png')" />
				<mx:Label text="{resourceManager.getString( 'labels', 'title.display')}" styleName="titlePanel" />
				
				<mx:Image id="acquireImageSelectionHelp" visible="false" includeInLayout="false" />
				<mx:Image source="@Embed('images/general/question_mark.png')" click="showHelp(acquireImageSelectionHelp)" right="10" top="10" visible="{_man}" buttonMode="true" useHandCursor="true" />
				<mx:Image id="acquireThumbnailHelp" visible="false" includeInLayout="false" />
				<mx:Image id="acquireAffectationHelp" visible="false" includeInLayout="false" />
				<mx:Image id="acquireLesionsHelp" visible="false" includeInLayout="false" />	
				<mx:Image source="@Embed('images/general/question_mark.png')" click="HelpUtils.loadAcquireHelp(acquireAffectationHelp)" right="10" top="10" visible="{!_man}" buttonMode="true" useHandCursor="true" />
				<mx:Image source="@Embed('images/acquire/man.png')"
					 visible="{!_man &amp;&amp; !_model.enabledMeasure &amp;&amp; !_model.viewPatient}" 
					 includeInLayout="true"
					 hideEffect="Fade" showEffect="Fade"
					 click="flipToHuman()" left="2" top="23" />
			</mx:Canvas>
				
			<mx:VBox horizontalCenter="0" verticalCenter="0" paddingTop="22">
				<mx:VBox width="600" height="100" visible="{_man &amp;&amp; !_model.viewPatient}" includeInLayout="{_man &amp;&amp; !_model.viewPatient}" styleName="redText">	
					<mx:VBox><mx:Text text="{resourceManager.getString( 'labels', 'body.info')}" paddingBottom="5" />
					<mx:Text htmlText="{resourceManager.getString( 'labels', 'body.return')}" /></mx:VBox>
				</mx:VBox>
				<mx:HBox width="550" height="17" paddingBottom="0" visible="{!_man &amp;&amp; _twoSideSelected &amp;&amp; !_body}" includeInLayout="{!_man &amp;&amp; _twoSideSelected &amp;&amp; !_body}" horizontalCenter="0" horizontalGap="1" verticalScrollPolicy="off" horizontalScrollPolicy="off">					
					<mx:Label text="{resourceManager.getString('labels', 'label.right')}" width="50%" paddingLeft="120" styleName="redText" />
					<mx:Label text="{resourceManager.getString('labels', 'label.left')}" width="50%" paddingLeft="150"  styleName="redText" />
				</mx:HBox>
				<mx:ViewStack id="changeSector" creationPolicy="all" paddingTop="0">
			        <mx:Box id="human" width="600" height="504" horizontalAlign="center" verticalAlign="middle">
			        	<mx:SWFLoader source="@Embed('swf/silouhette.swf')" click="selectZone(event)" />
			        </mx:Box>

					<mx:Canvas id="carotids" width="550" height="515" paddingTop="0">
						<mx:Canvas id="canvasCarotids" width="100%" height="100%">			
							<mx:HBox horizontalCenter="0" horizontalGap="1" height="100%" verticalScrollPolicy="off" horizontalScrollPolicy="off">	
								<mx:VBox verticalGap="0" verticalScrollPolicy="off" horizontalScrollPolicy="off">									
									<panzoom:PanZoomComponent
										id="panzoomCarotidRight"                              
										width="226" height="484"
										borderStyle="solid" borderColor="#7c0b13"
										scaleMin="{MIN_ZOOM}" scaleMax="{MAX_ZOOM}" 
										contentWidth="205" contentHeight="465"
										verticalScrollPolicy="off" horizontalScrollPolicy="off"
										childPreventsPan="true" zoom="zoomChanged( sliderCarotidRight, panzoomCarotidRight )">
										
										<mx:Canvas id="canvasCarotidRight" width="100%" height="100%">						
											<mx:SWFLoader source="@Embed('swf/rightCarotid.swf')"														  
												dragEnter="allowDropFromRightList(event)"
												dragDrop="dropOnSWF(event, CAROTID_RIGHT)"
												mouseOver="rollOverSegment(event, CAROTID_RIGHT, canvasCarotidRight)"
												mouseMove="addCursor()"
												mouseOut="rollOutSegment(event)"
												click="addMarkerOrDisplayPictures(event, CAROTID_RIGHT, canvasCarotidRight)" />					
										</mx:Canvas>
								
									</panzoom:PanZoomComponent>
									
										<mx:HSlider 
											id="sliderCarotidRight" 
											minimum="{MIN_ZOOM * 100.5}" maximum="{MAX_ZOOM * 100}"
											value="100" width="100%"
											liveDragging="true" 
											change="sliderChanged( sliderCarotidRight, panzoomCarotidRight )" />
							
								</mx:VBox>
								
								<mx:VBox verticalGap="0" verticalScrollPolicy="off" horizontalScrollPolicy="off">
								
									<panzoom:PanZoomComponent
										id="panzoomCarotidLeft"                              
										width="226" height="484"
										borderStyle="solid" borderColor="#7c0b13"
										scaleMin="{MIN_ZOOM}" scaleMax="{MAX_ZOOM}" 
										contentWidth="205" contentHeight="465"
										verticalScrollPolicy="off" horizontalScrollPolicy="off"
										childPreventsPan="true" zoom="zoomChanged( sliderCarotidLeft, panzoomCarotidLeft )">
										
										<mx:Canvas id="canvasCarotidLeft" width="100%" height="100%">
											<mx:SWFLoader source="@Embed('swf/leftCarotid.swf')"
												dragEnter="allowDropFromLeftList(event)"
												dragDrop="dropOnSWF(event, CAROTID_LEFT)"
												mouseOver="rollOverSegment(event, CAROTID_LEFT, canvasCarotidLeft)"
												mouseMove="addCursor()"
												mouseOut="rollOutSegment(event)" 
												click="addMarkerOrDisplayPictures(event, CAROTID_LEFT, canvasCarotidLeft)" />	
										</mx:Canvas>								
									</panzoom:PanZoomComponent>
									
																																			
										<mx:HSlider 
											id="sliderCarotidLeft" 
											minimum="{MIN_ZOOM * 100.5}" maximum="{MAX_ZOOM * 100}"
											value="100" width="100%"
											liveDragging="true" 
											change="sliderChanged( sliderCarotidLeft, panzoomCarotidLeft )" />											
									
											
								</mx:VBox>
	
							</mx:HBox>		
						</mx:Canvas>
						
					</mx:Canvas>
			
					<mx:Canvas id="body" width="550" height="504">
						<mx:Canvas id="canvasBodyMain" width="100%" height="100%">
						
							<mx:VBox verticalGap="0" horizontalCenter="0" horizontalGap="1" verticalScrollPolicy="off" horizontalScrollPolicy="off">

								<panzoom:PanZoomComponent
									id="panzoomBody"
									width="226" height="484"
									borderStyle="solid" borderColor="#7c0b13"
									scaleMin="{MIN_ZOOM}" scaleMax="{MAX_ZOOM}" 
									contentWidth="205" contentHeight="465"
									verticalScrollPolicy="off" horizontalScrollPolicy="off"
									childPreventsPan="true" zoom="zoomChanged( sliderBody, panzoomBody )">
									
									<mx:Canvas id="canvasBody" width="100%" height="100%">
									
										<mx:SWFLoader source="@Embed('swf/body.swf')"			
											dragEnter="allowDropFromBodyList(event)"
											dragDrop="dropOnSWF(event, BODY_AORTE)"
											mouseOver="rollOverSegment(event, BODY_AORTE, canvasBody)"
											mouseMove="addCursor()"
											mouseOut="rollOutSegment(event)"
											click="addMarkerOrDisplayPictures(event, BODY_AORTE, canvasBody)" />
											
									</mx:Canvas>
								
								</panzoom:PanZoomComponent>				
								<mx:HSlider 
									id="sliderBody" 
									minimum="{MIN_ZOOM * 100.5}" maximum="{MAX_ZOOM * 100}"
									value="100" width="100%"
									liveDragging="true" 
									change="sliderChanged( sliderBody, panzoomBody )" />
							</mx:VBox>
						
						</mx:Canvas>
					</mx:Canvas>
					
					<mx:Canvas id="arms" width="550" height="504">
						<mx:Canvas id="canvasArms" width="100%" height="100%">
							
							<mx:HBox horizontalCenter="0" verticalCenter="0" horizontalGap="1" verticalScrollPolicy="off" horizontalScrollPolicy="off">
								
								<mx:VBox verticalGap="0" verticalScrollPolicy="off" horizontalScrollPolicy="off">
									
									<panzoom:PanZoomComponent
										id="panzoomArmRight"                              
										width="226" height="484"
										borderStyle="solid" borderColor="#7c0b13"
										scaleMin="{MIN_ZOOM}" scaleMax="{MAX_ZOOM}" 
										contentWidth="205" contentHeight="465"
										verticalScrollPolicy="off" horizontalScrollPolicy="off"
										childPreventsPan="true" zoom="zoomChanged( sliderArmRight, panzoomArmRight )">
										
										<mx:Canvas id="canvasArmRight" width="100%" height="100%">
										
											<mx:SWFLoader source="@Embed('swf/rightArm.swf')"
												dragEnter="allowDropFromRightList(event)"
												dragDrop="dropOnSWF(event, ARM_RIGHT)"
												mouseOver="rollOverSegment(event, ARM_RIGHT, canvasArmRight)"
												mouseOut="rollOutSegment(event)"
												mouseMove="addCursor()"
												click="addMarkerOrDisplayPictures(event, ARM_RIGHT, canvasArmRight)" />
												
										</mx:Canvas>
										
									</panzoom:PanZoomComponent>
									
									<mx:HSlider 
										id="sliderArmRight" 
										minimum="{MIN_ZOOM * 100.5}" maximum="{MAX_ZOOM * 100}"
										value="100" width="100%"
										liveDragging="true" 
										change="sliderChanged( sliderArmRight, panzoomArmRight )" />
								</mx:VBox>
								
								<mx:VBox verticalGap="0" verticalScrollPolicy="off" horizontalScrollPolicy="off">
									
									<panzoom:PanZoomComponent
										id="panzoomArmLeft"                              
										width="226" height="484"
										borderStyle="solid" borderColor="#7c0b13"
										scaleMin="{MIN_ZOOM}" scaleMax="{MAX_ZOOM}" 
										contentWidth="205" contentHeight="465"
										verticalScrollPolicy="off" horizontalScrollPolicy="off"
										childPreventsPan="true" zoom="zoomChanged( sliderArmLeft, panzoomArmLeft )">
										
										<mx:Canvas id="canvasArmLeft" width="100%" height="100%">
										
											<mx:SWFLoader source="@Embed('swf/leftArm.swf')"
												dragEnter="allowDropFromLeftList(event)"
												dragDrop="dropOnSWF(event, ARM_LEFT)"
												mouseOver="rollOverSegment(event, ARM_LEFT, canvasArmLeft)"
												mouseOut="rollOutSegment(event)" 
												mouseMove="addCursor()"
												click="addMarkerOrDisplayPictures(event, ARM_LEFT, canvasArmLeft)" />
										
										</mx:Canvas>
										
									</panzoom:PanZoomComponent>
									
									<mx:HSlider 
										id="sliderArmLeft" 
										minimum="{MIN_ZOOM * 100.5}" maximum="{MAX_ZOOM * 100}"
										value="100" width="100%"
										liveDragging="true" 
										change="sliderChanged( sliderArmLeft, panzoomArmLeft )" />
										
								</mx:VBox>
	
							</mx:HBox>

						</mx:Canvas>
					</mx:Canvas>					
					
					<mx:Canvas id="legs" width="550" height="504">
						<mx:HBox horizontalCenter="0" verticalCenter="0" horizontalGap="1" verticalScrollPolicy="off" horizontalScrollPolicy="off">
							
							<mx:VBox verticalGap="0" verticalScrollPolicy="off" horizontalScrollPolicy="off">
								
								<panzoom:PanZoomComponent
									id="panzoomLegRight"                              
									width="226" height="484"
									borderStyle="solid" borderColor="#7c0b13"
									scaleMin="{MIN_ZOOM}" scaleMax="{MAX_ZOOM}" 
									contentWidth="205" contentHeight="465"
									verticalScrollPolicy="off" horizontalScrollPolicy="off"
									childPreventsPan="true" zoom="zoomChanged( sliderLegRight, panzoomLegRight )">
									
									<mx:Canvas id="canvasLegRight" width="100%" height="100%">
									
										<mx:SWFLoader source="@Embed('swf/rightLeg.swf')"
											dragEnter="allowDropFromRightList(event)"
											dragDrop="dropOnSWF(event, LEG_RIGHT)"
											mouseOver="rollOverSegment(event, LEG_RIGHT, canvasLegRight)"
											mouseOut="rollOutSegment(event)"
											mouseMove="addCursor()"
											click="addMarkerOrDisplayPictures(event, LEG_RIGHT, canvasLegRight)" />
									</mx:Canvas>
					
								</panzoom:PanZoomComponent>
								<mx:HSlider 
									id="sliderLegRight" 
									minimum="{MIN_ZOOM * 100.5}" maximum="{MAX_ZOOM * 100}"
									value="100" width="100%"
									liveDragging="true" 
									change="sliderChanged( sliderLegRight, panzoomLegRight )" />
							</mx:VBox>
							
							<mx:VBox verticalGap="0" verticalScrollPolicy="off" horizontalScrollPolicy="off">
								
								<panzoom:PanZoomComponent
									id="panzoomLegLeft"                              
									width="226" height="484"
									borderStyle="solid" borderColor="#7c0b13"
									scaleMin="{MIN_ZOOM}" scaleMax="{MAX_ZOOM}" 
									contentWidth="205" contentHeight="465"
									verticalScrollPolicy="off" horizontalScrollPolicy="off"
									childPreventsPan="true" zoom="zoomChanged( sliderLegLeft, panzoomLegLeft )">
									
									<mx:Canvas id="canvasLegLeft" width="100%" height="100%">
										<mx:SWFLoader source="@Embed('swf/leftLeg.swf')"
											dragEnter="allowDropFromLeftList(event)"
											dragDrop="dropOnSWF(event, LEG_LEFT)"
											mouseOver="rollOverSegment(event, LEG_LEFT, canvasLegLeft)"
											mouseOut="rollOutSegment(event)" 
											mouseMove="addCursor()"
											click="addMarkerOrDisplayPictures(event, LEG_LEFT, canvasLegLeft)" />		
									</mx:Canvas>
									
								</panzoom:PanZoomComponent>
									
								<mx:HSlider 
									id="sliderLegLeft" 
									minimum="{MIN_ZOOM * 100.5}" maximum="{MAX_ZOOM * 100}"
									value="100" width="100%"
									liveDragging="true" 
									change="sliderChanged( sliderLegLeft, panzoomLegLeft )" />
									
							</mx:VBox>
							
						</mx:HBox>
					</mx:Canvas>					
			    </mx:ViewStack>
				<mx:VBox width="100%" height="16" paddingTop="0" horizontalAlign="center" paddingLeft="450" verticalAlign="middle" visible="{!_man}" includeInLayout="{!_man}" showEffect="Fade">				
					<mx:Image source="@Embed('images/acquire/zoom.png')" toolTip="{resourceManager.getString('labels', 'acquire.slider.zoom')}" useHandCursor="true" buttonMode="true" />
				</mx:VBox>
				<mx:Spacer height="15" />
				<mx:HBox width="100%" visible="{!_man}" includeInLayout="{!_man}" horizontalAlign="center" verticalAlign="middle" showEffect="Fade">
					<mx:Button toggle="true" toolTip="{resourceManager.getString('labels', 'lesionsHowTo')}" visible="{!_model.viewPatient}" id="buttonPlaque" label="{resourceManager.getString( 'labels', 'button.plaque')}" icon="@Embed('images/acquire/plaque.png')" height="30" width="120" click="changeCursor(plaque, SWF_PLAQUE, event, [ buttonStenosis, buttonOcclusion ])" />
					<mx:Button toggle="true" toolTip="{resourceManager.getString('labels', 'lesionsHowTo')}" visible="{!_model.viewPatient}" id="buttonStenosis" label="{resourceManager.getString( 'labels', 'button.stenose')}" icon="@Embed('images/acquire/stenose.png')" height="30" width="120" click="changeCursor(stenose, SWF_STENOSE, event, [ buttonPlaque, buttonOcclusion ])" />
					<mx:Button toggle="true" toolTip="{resourceManager.getString('labels', 'lesionsHowTo')}" visible="{!_model.viewPatient}" id="buttonOcclusion" label="{resourceManager.getString( 'labels', 'button.occlusion')}" icon="@Embed('images/acquire/occlusion.png')" height="30" width="120" click="changeCursor(occlusion, SWF_OCCLUSION, event, [ buttonPlaque, buttonStenosis ])" />
					<mx:Image source="@Embed('images/general/question_mark.png')" click="HelpUtils.loadAcquireHelp(acquireLesionsHelp)" visible="{!_model.viewPatient}" right="15" buttonMode="true" useHandCursor="true" />

				</mx:HBox>				
			</mx:VBox>			
		</mx:Canvas>		
	</mx:VBox>

	<mx:Sequence id="dataChangeEffect">
        <mx:Blur 
            blurYTo="12" blurXTo="12" 
            duration="300" 
            perElementOffset="150"
            filter="removeItem"/> 
        <mx:SetPropertyAction 
            name="visible" value="false" 
            filter="removeItem"/>    
        <mx:UnconstrainItemAction/>
        <mx:Parallel>
            <mx:Move 
                duration="750" 
                easingFunction="{Elastic.easeOut}"
                perElementOffset="20"/>
            <mx:RemoveItemAction 
                startDelay="400" 
                filter="removeItem"/>
            <mx:AddItemAction  
                startDelay="400" 
                filter="addItem"/>
            <mx:Blur 
                startDelay="410" 
                blurXFrom="18" blurYFrom="18" blurXTo="0" blurYTo="0" 
                duration="300" 
                filter="addItem"/>
        </mx:Parallel>
    </mx:Sequence>
	
	<mx:Sequence id="dataChangeEffectCarotidRight">
        <mx:Blur 
            blurYTo="12" blurXTo="12" 
            duration="300" 
            perElementOffset="150"
            filter="removeItem"/> 
        <mx:SetPropertyAction 
            name="visible" value="false" 
            filter="removeItem"/>    
        <mx:UnconstrainItemAction/>
        <mx:Parallel>
            <mx:Move 
                duration="750" 
                easingFunction="{Elastic.easeOut}" 
                perElementOffset="20"/>
            <mx:RemoveItemAction 
                startDelay="400" 
                filter="removeItem"/>
            <mx:AddItemAction  
                startDelay="400" 
                filter="addItem"/>
            <mx:Blur 
                startDelay="410" 
                blurXFrom="18" blurYFrom="18" blurXTo="0" blurYTo="0" 
                duration="300" 
                filter="addItem"/>
        </mx:Parallel>
    </mx:Sequence>
	
	<mx:Sequence id="dataChangeEffectLegRight">
        <mx:Blur 
            blurYTo="12" blurXTo="12" 
            duration="300" 
            perElementOffset="150"
            filter="removeItem"/> 
        <mx:SetPropertyAction 
            name="visible" value="false" 
            filter="removeItem"/>    
        <mx:UnconstrainItemAction/>
        <mx:Parallel>
            <mx:Move 
                duration="750" 
                easingFunction="{Elastic.easeOut}" 
                perElementOffset="20"/>
            <mx:RemoveItemAction 
                startDelay="400" 
                filter="removeItem"/>
            <mx:AddItemAction  
                startDelay="400" 
                filter="addItem"/>
            <mx:Blur 
                startDelay="410" 
                blurXFrom="18" blurYFrom="18" blurXTo="0" blurYTo="0" 
                duration="300" 
                filter="addItem"/>
        </mx:Parallel>
    </mx:Sequence>
	
	<mx:Sequence id="dataChangeEffectArmRight">
        <mx:Blur 
            blurYTo="12" blurXTo="12" 
            duration="300" 
            perElementOffset="150"
            filter="removeItem"/> 
        <mx:SetPropertyAction 
            name="visible" value="false" 
            filter="removeItem"/>    
        <mx:UnconstrainItemAction/>
        <mx:Parallel>
            <mx:Move 
                duration="750" 
                easingFunction="{Elastic.easeOut}" 
                perElementOffset="20"/>
            <mx:RemoveItemAction 
                startDelay="400" 
                filter="removeItem"/>
            <mx:AddItemAction  
                startDelay="400" 
                filter="addItem"/>
            <mx:Blur 
                startDelay="410" 
                blurXFrom="18" blurYFrom="18" blurXTo="0" blurYTo="0" 
                duration="300" 
                filter="addItem"/>
        </mx:Parallel>
    </mx:Sequence>
	
	<mx:Sequence id="dataChangeEffectCarotidLeft">
        <mx:Blur 
            blurYTo="12" blurXTo="12" 
            duration="300" 
            perElementOffset="150"
            filter="removeItem"/> 
        <mx:SetPropertyAction 
            name="visible" value="false" 
            filter="removeItem"/>    
        <mx:UnconstrainItemAction/>
        <mx:Parallel>
            <mx:Move 
                duration="750" 
                easingFunction="{Elastic.easeOut}" 
                perElementOffset="20"/>
            <mx:RemoveItemAction 
                startDelay="400" 
                filter="removeItem"/>
            <mx:AddItemAction  
                startDelay="400" 
                filter="addItem"/>
            <mx:Blur 
                startDelay="410" 
                blurXFrom="18" blurYFrom="18" blurXTo="0" blurYTo="0" 
                duration="300" 
                filter="addItem"/>
        </mx:Parallel>
    </mx:Sequence>
	
	<mx:Sequence id="dataChangeEffectLegLeft">
        <mx:Blur 
            blurYTo="12" blurXTo="12" 
            duration="300" 
            perElementOffset="150"
            filter="removeItem"/> 
        <mx:SetPropertyAction 
            name="visible" value="false" 
            filter="removeItem"/>    
        <mx:UnconstrainItemAction/>
        <mx:Parallel>
            <mx:Move 
                duration="750" 
                easingFunction="{Elastic.easeOut}" 
                perElementOffset="20"/>
            <mx:RemoveItemAction 
                startDelay="400" 
                filter="removeItem"/>
            <mx:AddItemAction  
                startDelay="400" 
                filter="addItem"/>
            <mx:Blur 
                startDelay="410" 
                blurXFrom="18" blurYFrom="18" blurXTo="0" blurYTo="0" 
                duration="300" 
                filter="addItem"/>
        </mx:Parallel>
    </mx:Sequence>
	
	<mx:Sequence id="dataChangeEffectArmLeft">
        <mx:Blur 
            blurYTo="12" blurXTo="12" 
            duration="300" 
            perElementOffset="150"
            filter="removeItem"/> 
        <mx:SetPropertyAction 
            name="visible" value="false" 
            filter="removeItem"/>    
        <mx:UnconstrainItemAction/>
        <mx:Parallel>
            <mx:Move 
                duration="750" 
                easingFunction="{Elastic.easeOut}" 
                perElementOffset="20"/>
            <mx:RemoveItemAction 
                startDelay="400" 
                filter="removeItem"/>
            <mx:AddItemAction  
                startDelay="400" 
                filter="addItem"/>
            <mx:Blur 
                startDelay="410" 
                blurXFrom="18" blurYFrom="18" blurXTo="0" blurYTo="0" 
                duration="300" 
                filter="addItem"/>
        </mx:Parallel>
    </mx:Sequence>
	
	<mx:Sequence id="dataChangeEffectBody">
        <mx:Blur 
            blurYTo="12" blurXTo="12" 
            duration="300" 
            perElementOffset="150"
            filter="removeItem"/> 
        <mx:SetPropertyAction 
            name="visible" value="false" 
            filter="removeItem"/>    
        <mx:UnconstrainItemAction/>
        <mx:Parallel>
            <mx:Move 
                duration="750" 
                easingFunction="{Elastic.easeOut}" 
                perElementOffset="20"/>
            <mx:RemoveItemAction 
                startDelay="400" 
                filter="removeItem"/>
            <mx:AddItemAction  
                startDelay="400" 
                filter="addItem"/>
            <mx:Blur 
                startDelay="410" 
                blurXFrom="18" blurYFrom="18" blurXTo="0" blurYTo="0" 
                duration="300" 
                filter="addItem"/>
        </mx:Parallel>
    </mx:Sequence>
	
</mx:HBox>