<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   xmlns:controls="ws.tink.spark.controls.*"
			   xmlns:layouts="ws.tink.spark.layouts.*"
			   xmlns:zoneRoom="com.huadi.zoneRoom.*">
	
	<fx:Script>
		<![CDATA[
			import com.huadi.zoneRoom.event.ListClickEvent;
			
			import mx.controls.Alert;
			import mx.core.IVisualElement;
			import mx.events.FlexEvent;
			import mx.events.SandboxMouseEvent;
			
			import spark.effects.easing.Bounce;
			import spark.effects.easing.Elastic;
			import spark.effects.easing.Linear;
			import spark.effects.easing.Power;
			import spark.effects.easing.Sine;
			import spark.events.IndexChangeEvent;
			import spark.events.RendererExistenceEvent;
			
			private var lastX:Number = 0;
			private var lastY:Number = 0;
			
			protected function nextImage_clickHandler(event:MouseEvent):void
			{
				if(CoverflowLayout(list.layout).selectedIndex+1<list.dataProvider.length){
					 CoverflowLayout(list.layout).selectedIndex++;
				}
				
				/* var item:Object = list.selectedItem;
				if(item){
					trace(item.label);
				}  */
			}
			
			protected function lastImage_clickHandler(event:MouseEvent):void
			{
				 if(CoverflowLayout(list.layout).selectedIndex-1>=0){
					 CoverflowLayout(list.layout).selectedIndex--;
				}
				
				/*var item:Object = list.selectedItem;
				if(item){
					trace(item.label);
				} */
			}

			private function onListClickEvent(event:ListClickEvent):void
			{
				if(CoverflowLayout(list.layout).selectedIndex == event.index){
					Alert.show("当前组件");
				} 
			}
			
			protected function list_creationCompleteHandler(event:FlexEvent):void
			{
				CoverflowLayout(list.layout).selectedIndex = 1;
				list.addEventListener(ListClickEvent.LIST_CLICK_EVENT,onListClickEvent);
				addEventListener(MouseEvent.MOUSE_DOWN,list_mouseDownHandler);
			}
			
			protected function list_mouseDownHandler(event:MouseEvent):void
			{
				this.lastX = this.mouseX;
				this.lastY = this.mouseY;
				
				var displayObject:DisplayObject = systemManager.getSandboxRoot();  
				displayObject.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler, true);  
				displayObject.addEventListener(MouseEvent.MOUSE_MOVE, mouseDragHandler, true);  
				displayObject.addEventListener(SandboxMouseEvent.MOUSE_UP_SOMEWHERE, mouseUpHandler, true);  
				displayObject.addEventListener(SandboxMouseEvent.MOUSE_MOVE_SOMEWHERE, mouseDragHandler, true);  
				systemManager.deployMouseShields(true); 
			}
			
			protected function mouseUpHandler(event:Event):void
			{
				if(this.lastX-this.mouseX>list.width/2){
					if(CoverflowLayout(list.layout).selectedIndex+3<list.dataProvider.length){
						CoverflowLayout(list.layout).selectedIndex+=3;
					}
				}else if(this.mouseX-this.lastX>list.width/2){
					if(CoverflowLayout(list.layout).selectedIndex-3>=0){
						CoverflowLayout(list.layout).selectedIndex-=3;
					}
				}
				
				var displayObject:DisplayObject = systemManager.getSandboxRoot();
				displayObject.removeEventListener(MouseEvent.MOUSE_UP, this.mouseUpHandler, true);
				displayObject.removeEventListener(MouseEvent.MOUSE_MOVE, this.mouseDragHandler, true);
				displayObject.removeEventListener(SandboxMouseEvent.MOUSE_UP_SOMEWHERE, this.mouseUpHandler, true);
				displayObject.removeEventListener(SandboxMouseEvent.MOUSE_MOVE_SOMEWHERE, this.mouseDragHandler, true);
				systemManager.deployMouseShields(false);
			}
			
			protected function mouseDragHandler(event:Event):void
			{
				// TODO Auto-generated method stub
				
			}
			
		]]>
	</fx:Script>
	<s:BitmapImage source="com/huadi/zoneRoom/assets/indexbg.png" fillMode="scale" width="100%" height="100%"/>
	<s:VGroup width="100%" height="100%" verticalAlign="middle" horizontalAlign="center">
		<s:Label text="IDC可视化展示系统" color="0xffffff" fontSize="26" fontWeight="bold" fontFamily="微软雅黑">
			<s:filters>
				<mx:GlowFilter color="0xfffff" blurX="4" blurY="4" alpha="0.5"/> 
			</s:filters>
		</s:Label>
		<s:Label text="The Demonstration System for IDC" color="0x90CFF5" fontSize="20" fontWeight="bold" fontFamily="微软雅黑"/>
		<s:Group width="100%">
			<s:BitmapImage source="com/huadi/zoneRoom/assets/line.png" horizontalCenter="0"/>
		</s:Group>
		<s:HGroup verticalAlign="middle" horizontalAlign="center">
			<s:Image id="lastImage" source="com/huadi/zoneRoom/assets/lastRenderer.png" click="lastImage_clickHandler(event)"/>
			<s:DataGroup id="list" width="800" height="400"
					creationComplete="list_creationCompleteHandler(event)">
				<s:layout>
					<layouts:CoverflowLayout depthColor="0xffffff"
											 depthColorAlpha="0"
											 duration="700"
											 elementHorizontalAlign="center"
											 elementVerticalAlign="middle"
											 fieldOfView="90"
											 horizontalAlign="center"
											 horizontalAlignOffset="0"
											 horizontalDisplacement="0"
											 maximumZ="100"
											 numUnselectedElements="1"
											 projectionCenterX="400"
											 projectionCenterY="100"
											 rotationX="0"
											 rotationY="0"
											 scrollBarDirection="horizontal"
											 selectedHorizontalDisplacement="300"
											 selectedVerticalDisplacement="0"
											 useScrollBarForNavigation="false"
											 verticalAlign="middle"
											 verticalAlignOffset="0"
											 verticalDisplacement="0"/>
				</s:layout>
				<s:dataProvider>
					<s:ArrayList>
						<fx:Object label="机房全貌" color="0xff0000" image="com/huadi/zoneRoom/assets/roomView.png"/>
						<fx:Object label="IDC介绍" color="0xffa500" image="com/huadi/zoneRoom/assets/idc.png"/>
						<fx:Object label="机房地图" color="0xffff00" image="com/huadi/zoneRoom/assets/map.png"/>
						<fx:Object label="机房全貌" color="0x008000" image="com/huadi/zoneRoom/assets/roomView.png"/>
						<fx:Object label="IDC介绍" color="0x0000ff" image="com/huadi/zoneRoom/assets/idc.png"/>
						<fx:Object label="机房地图" color="0x4b0082" image="com/huadi/zoneRoom/assets/map.png"/>
						<fx:Object label="机房全貌" color="0xee82ee" image="com/huadi/zoneRoom/assets/roomView.png"/>
						<fx:Object label="IDC介绍" color="0xff0000" image="com/huadi/zoneRoom/assets/idc.png"/>
						<fx:Object label="机房地图" color="0xffa500" image="com/huadi/zoneRoom/assets/roomView.png"/>
						<fx:Object label="机房全貌" color="0xffff00" image="com/huadi/zoneRoom/assets/map.png"/>
						<fx:Object label="IDC介绍" color="0x008000" image="com/huadi/zoneRoom/assets/idc.png"/>
						<fx:Object label="机房地图" color="0x0000ff" image="com/huadi/zoneRoom/assets/roomView.png"/>
						<fx:Object label="机房全貌" color="0x4b0082" image="com/huadi/zoneRoom/assets/idc.png"/>
						<fx:Object label="IDC介绍" color="0xee82ee" image="com/huadi/zoneRoom/assets/map.png"/>
					</s:ArrayList>
				</s:dataProvider>
				<s:itemRenderer>
					<fx:Component>
						<zoneRoom:IndexItemRenderer />
					</fx:Component>
				</s:itemRenderer>
			</s:DataGroup>
			<s:Image id="nextImage" source="com/huadi/zoneRoom/assets/nextRenderer.png" click="nextImage_clickHandler(event)"/>
		</s:HGroup>
		<s:Label text="{CoverflowLayout(list.layout).selectedIndex+1}/{list.dataProvider.length}" color="0xffffff"/>
	</s:VGroup>
</s:Application>