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

/////////////////////////////////////////////////////////////////////////

  //
  // Copyright (C) 2003-2006 Adobe Macromedia Software LLC and its licensors.
  // All Rights Reserved.
  // The following is Sample Code and is subject to all restrictions on such code
  // as contained in the End User License Agreement accompanying this product.
  // If you have received this file from a source other than Adobe,
  // then your use, modification, or distribution of it requires
  // the prior written permission of Adobe.
  //
  

/////////////////////////////////////////////////////////////////////////

  -->
  <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*"         
      xmlns:photoviewer="*" initialize="loadResources()"
          width="100%" height="100%" 
          show="onShow(event)" resize="carousel.reset()">
          
          <mx:Metadata>
                  [Event("thumbnailView")]
                  [Event("slideshowView")]
          </mx:Metadata>
          
          <mx:Script>
                  <![CDATA[
                  //import samples.photoviewer.Gallery;
                  import mx.events.FlexEvent;
                  import mx.resources;
                  
                  [Embed(source="local/assets/viewer/icon_left.png")]
                  private const ICON_LEFT:Class;
                  
                  [Embed(source="local/assets/viewer/icon_right.png")]                
                  private const ICON_RIGHT:Class;
                  
                  [Embed(source="local/assets/viewer/icon_left_disabled.png")]
                  private const ICON_LEFT_DISABLED:Class;
                  
                  [Embed(source="local/assets/viewer/icon_right_disabled.png")]
                  private const ICON_RIGHT_DISABLED:Class;
                  
                  [ResourceBundle("strings")]
                  private static var stringResources:ResourceBundle;
                  [Bindable]
                  private var listViewtooltip:String;
                  [Bindable]
                  private var slideShowTooltip:String;
                  [Bindable]
                  private var nextWord:String;
                  [Bindable]
                  private var previousWord:String; 
          
                  private function loadResources():void
                  {
                          listViewtooltip = stringResources.getString("listViewtooltipKey");
                          slideShowTooltip = stringResources.getString("slideShowTooltipKey");
                          nextWord = stringResources.getString("nextWordKey");
                          previousWord = stringResources.getString("previousWordKey");
                  }
                  
                  
                  private var _gallery:sample_Gallery;
                  
                  [Bindable]
                  public function get gallery():sample_Gallery
                  {
                          return _gallery;
                  }
                  
                  public function set gallery(value:sample_Gallery):void
                  {
                          _gallery = value;
                  }
                  
                  private function showPrev():void
                  {
                          if (gallery.selected > 0)
                          {
                                  nextPhoto.setStyle("icon", ICON_RIGHT); 
                                  gallery.selected = gallery.selected - 1;
                                  carousel.rotateRight();
                                  
                                  if (gallery.selected <= 0)
                                          prevPhoto.setStyle("icon", ICON_LEFT_DISABLED);
                          } 
                  }
                  
                  private function showNext():void
                  {
                          if (gallery.selected < gallery.photos.length - 1)
                          {
                                  prevPhoto.setStyle("icon", ICON_LEFT);
                                  gallery.selected = gallery.selected + 1;
                                  carousel.rotateLeft();
                                  
                                  if (gallery.selected >= gallery.photos.length - 1)
                                          nextPhoto.setStyle("icon", ICON_RIGHT_DISABLED); 
                          } 
                  }
                  
                  private function onShow(event:FlexEvent):void
                  {
                          photoDescription.text = gallery.photos.getItemAt(gallery.selected).description;
                          
                          if (gallery.selected == 0)
                                  prevPhoto.setStyle("icon", ICON_LEFT_DISABLED);
                          else
                                  prevPhoto.setStyle("icon", ICON_LEFT);
  
                          if (gallery.selected >= gallery.photos.length - 1)
                                  nextPhoto.setStyle("icon", ICON_RIGHT_DISABLED);                                 
                          else 
                                  nextPhoto.setStyle("icon", ICON_RIGHT);                         
  
                          carousel.reset();
                  }
                  ]]>
          </mx:Script>
          <mx:VBox width="100%" height="100%" horizontalAlign="center" horizontalCenter="0" >
          
                  <photoviewer:sample_Carousel id="carousel" gallery="{gallery}" 
                      width="100%" height="100%"
                      verticalCenter="0" horizontalCenter="0"/>
                  
                  <mx:HBox y="10" width="50%" height="40" horizontalCenter="0">
                  
                          <viewer_NavButton icon="{ICON_LEFT}" 
                                  id="prevPhoto"
                                  toolTip="{previousWord}"
                              click="showPrev()" />                
                                              
                          <mx:Text id="photoDescription" 
                                  text="{gallery.photos.getItemAt(gallery.selected).description}" 
                                  width="100%" height="100%" 
                                  styleName="photoDescription" 
                                  textAlign="center"/>
  
                              
                          <viewer_NavButton 
                                  id="nextPhoto"
                                  toolTip="{nextWord}"
                                  icon="{ICON_RIGHT}" 
                                  click="showNext()" />                
                  </mx:HBox>
                  
                  <mx:Label id="photoName" text="{gallery.photos.getItemAt(gallery.selected).name}" 
                          horizontalCenter="0"
                          width="200" height="20" bottom="0" 
                          styleName="photoName"  textAlign="center"/>
                          
                  <mx:Canvas width="100%" height="60">
                  
                          <viewer_NavButton icon="@Embed('local/assets/viewer/icon_list.png')" 
                                  horizontalCenter="-15" verticalCenter="0"
                              toolTip="{listViewtooltip}"
                              click="dispatchEvent(new Event('thumbnailView'))" />
                                                      
                          <viewer_NavButton icon="@Embed('local/assets/viewer/icon_slideshow.png')" 
                                  horizontalCenter="15" verticalCenter="0"
                              toolTip="{slideShowTooltip}"
                              click="dispatchEvent(new Event('slideshowView'))" />
                              
                  </mx:Canvas>
                  
          </mx:VBox>
          
  </mx:Canvas>
  

[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008