ActionScript 3.0: the Fransa Collection Flash with photos by Flemming Scully

/*
FLOW

arrange XML
load alle thumbs
tilføj preloader
opsæt/tilføj thumbs
opsæt forward/backward
load/opsæt/tilføj stort billede
load/opsæt/tilføj medium billede
*/

package {
         
          import ArrayStuff;
          import caurina.transitions.properties.ColorShortcuts;
          import caurina.transitions.Tweener;
          import flash.display.Loader;
          import flash.display.MovieClip;
          import flash.display.Sprite;
          import flash.events.Event;
          import flash.events.IOErrorEvent;
          import flash.events.MouseEvent;
          import flash.external.ExternalInterface;
          import flash.net.navigateToURL;
          import flash.net.URLLoader;
          import flash.net.URLRequest;
          import flash.text.TextField;
          import flash.text.StyleSheet;
          import MonsterDebugger;

          public class FransaCollectionContent extends Sprite {
                   
                    private var _theXML:String;
                    private var _md:MonsterDebugger;
                    private var _xml:XML;
                    private var _thumbArray:Array = [];
                    private var _mediumArray:Array = [];
                    private var _largeArray:Array = [];
                    private var _headerArray:Array = [];
                    private var _downloadArray:Array = [];
                    private var _textArray:Array = [];
                    private var _arrayStuff:ArrayStuff;
                    private var _preloader:MyPreloader;
                    private var _thumbHolder:Sprite;
                    private var _thumbMoveTime:Number = 1.5; //customizable
                    private var _thumbTransition:String = "easeOutSine"; //customizable
                    private var _navAlphaOver:Number = 0.4; //customizable
                    private var _navAlphaOff:Number = 0.2; //customizable
                    private var _navAlphaTime:Number = 0.6; //customizable
                    private var _thumbDodgeTime:Number = 0.8; //customizable
                    private var _mediumFadeIn:Number = 1.8; //customizable
                    private var _largeFadeIn:Number = 1.2; //customizable
                    private var _mediumHolder:Sprite;
                    private var _largeHolder:Sprite;
                    private var _thumbPart:Number = 0;
                    private var _thumbChosen:Number = 0;
                    private var _movePic:Boolean = false;
                    private var _tooltip:Tooltip;
                    private var _bigMask:BigMask;
                    private var _downloadAlpha:Number = 0.6; //customizable
                    private var _retail:String;
                    private var _cssLoaded:Boolean = false;
                    private var _cssLoader:URLLoader = new URLLoader();
                    private var _css:StyleSheet = new StyleSheet();
                    private var _zoomMode:Boolean = false;
                   
                    public function FransaCollectionContent() {
                              //
                    }
                   
                    public function init(someXML:String, retail:String):void {
                              _theXML = someXML;
                              _retail = retail;
                                                           
                              _md = new MonsterDebugger(this);
                              ColorShortcuts.init();
                              trace("_theXML passed to the loaded flash = "+_theXML);
                              loadTheXML();
                              //xmlLoaded(null); //DW
                    }
                   
                    ///*
                    private function loadTheXML():void {
                              var loader:URLLoader = new URLLoader();
                              var request:URLRequest = new URLRequest(_theXML);
                              loader.addEventListener(Event.COMPLETE, xmlLoaded, false, 0, true);
                              loader.addEventListener(IOErrorEvent.IO_ERROR, xmlError, false, 0, true);
                             
                              loader.load(request);
                    }
                   
                    private function xmlError(e:Event):void {
                              var someParam:String = "xml not loaded";
                              ExternalInterface.call("alert", someParam);
                    }
                    //*/
                   
                    private function xmlLoaded(e:Event):void {
                                                           
                              _xml = new XML(e.target.data);
                              //_xml = new XML(_theXML); //DW
                             
                              var i:Number = 0;
                              while(i < _xml.item.length()) {
                                        /*
                                        _thumbArray.push("/files/files/"+_xml.item[i].thumb); //NOTICE
                                        _mediumArray.push("/files/files/"+_xml.item[i].small); //NOTICE
                                        _largeArray.push("/files/files/"+_xml.item[i].large); //NOTICE
                                        _downloadArray.push(_xml.item[i].download); //NOTICE
                                        */
                                        ///*
                                        _thumbArray.push(_xml.item[i].thumb); //NOTICE
                                        _mediumArray.push(_xml.item[i].small); //NOTICE
                                        _largeArray.push(_xml.item[i].large); //NOTICE
                                        _downloadArray.push(_xml.item[i].download); //NOTICE
                                        //*/
                                        _headerArray.push(_xml.item[i].heading);
                                        _textArray.push(_xml.item[i].text);
                                       
                                        i++;
                              }
                                                           
                              _arrayStuff = new ArrayStuff();
                              _arrayStuff.convertToLoaders(_thumbArray);
                              _arrayStuff.addEventListener("loaderArrayReady", loaderArrayReady);
                             
                              addPreloader();
                    }
                   
                    private function loaderArrayReady(e:Event):void {
                              _thumbArray = e.currentTarget._loaderArray;
                              trace(_thumbArray);
                             
                              setupThumbHolder();
                    }                  
                   
                   
                   
                    //PRELOADER -------------------------------------------------------------------------------------------------------------
                    private function addPreloader():void {
                              _preloader = new MyPreloader();
                              _preloader.x = 789;
                              _preloader.y = 245
                              addChild(_preloader);
                    }
                   
                    private function hidePreloader():void {
                              Tweener.addTween(_preloader, {alpha:0, time:1.6});
                    }
                   
                    private function showPreloader():void {
                              Tweener.addTween(_preloader, {alpha:1, time:1.6});
                    }                  
                   
                   
                   
                    //THE THUMBS -------------------------------------------------------------------------------------------------------------
                    private function setupThumbHolder():void {
                              _thumbHolder = new Sprite();
                              var i:Number = 0;
                              var thumbX:Number = 0;

                              while(i < _thumbArray.length){
                                        var thumb:Sprite = new Sprite();
                                        thumb.name = String("nr"+i);
                                        thumb.x = thumbX + i * 89;
                                        thumb.buttonMode = true;
                                        thumb.addEventListener(MouseEvent.CLICK, thumbClicked, false, 0, true);
                                        thumb.addEventListener(MouseEvent.MOUSE_OVER, thumbOver, false, 0, true);
                                        thumb.addChild(_thumbArray[i]);
                                        _thumbHolder.addChild(thumb);
                                        i++;
                              }

                              addChild(_thumbHolder);
                              _thumbHolder.x = 13;
                              _thumbHolder.y = 267;
                             
                              //MASK IT
                              var thumbMask:ThumbMask = new ThumbMask();
                              addChild(thumbMask);
                              thumbMask.x = 13;
                              thumbMask.y = 267;
                              _thumbHolder.mask = thumbMask;
                             
                              setupForwardBackward();
                              setupLarge();
                              setupTooltip();
                              setupDownload();
                    }
                   
                    private function thumbClicked(e:MouseEvent):void {
                              _thumbChosen = Number(e.currentTarget.name.replace(/nr/ig,""));
                             
                              showPreloader();
                              newMedium();
                    }
                   
                    private function thumbOver(e:MouseEvent):void {
                              Tweener.addTween(e.currentTarget, {_brightness:2.55, time:0});
                              Tweener.addTween(e.currentTarget, {_brightness:0, time:_thumbDodgeTime, transition:"EaseOutSine"});
                    }
                   
                   
                   
                    //FORWARD BACKWARD NAVIGATION -------------------------------------------------------------------------------------------------------------
                    private function setupForwardBackward():void {
                              if(_thumbPart > 0){
                                        navLeft.buttonMode = true;
                                        navLeft.addEventListener(MouseEvent.ROLL_OVER, navOver, false, 0, true);
                                        navLeft.addEventListener(MouseEvent.ROLL_OUT, navOut, false, 0, true);
                                        navLeft.addEventListener(MouseEvent.CLICK, navLeftClicked, false, 0, true);
                                        Tweener.addTween(navLeft, {alpha:1, time:_navAlphaTime});
                              } else {
                                        navLeft.buttonMode = false;
                                        navLeft.removeEventListener(MouseEvent.ROLL_OVER, navOver);
                                        navLeft.removeEventListener(MouseEvent.ROLL_OUT, navOut);
                                        navLeft.removeEventListener(MouseEvent.CLICK, navRightClicked);                                    
                                        Tweener.addTween(navLeft, {alpha:_navAlphaOff, time:_navAlphaTime});
                              }
                             
                              if(_thumbPart < Math.floor((_thumbArray.length - 1) / 10)){
                                        navRight.buttonMode = true;
                                        navRight.addEventListener(MouseEvent.ROLL_OVER, navOver, false, 0, true);
                                        navRight.addEventListener(MouseEvent.ROLL_OUT, navOut, false, 0, true);
                                        navRight.addEventListener(MouseEvent.CLICK, navRightClicked, false, 0, true);
                                        Tweener.addTween(navRight, {alpha:1, time:_navAlphaTime});
                              } else {
                                        navRight.buttonMode = false;
                                        navRight.removeEventListener(MouseEvent.ROLL_OVER, navOver);
                                        navRight.removeEventListener(MouseEvent.ROLL_OUT, navOut);
                                        navRight.removeEventListener(MouseEvent.CLICK, navRightClicked);
                                        Tweener.addTween(navRight, {alpha:_navAlphaOff, time:_navAlphaTime});
                              }
                             
                    }
                   
                    private function navLeftClicked(e:MouseEvent):void {
                              //if(_thumbPart > 0){
                                        _thumbPart--;
                                        Tweener.addTween(_thumbHolder, {x:-890*_thumbPart+13, time:_thumbMoveTime, transition:_thumbTransition});
                              //}
                              setupForwardBackward();
                    }
                   
                    private function navRightClicked(e:MouseEvent):void {
                              //if(_thumbPart < Math.floor(_thumbArray.length -1 / 10)){
                                        _thumbPart++;
                                        Tweener.addTween(_thumbHolder, {x:-890*_thumbPart+13, time:_thumbMoveTime, transition:_thumbTransition});
                              //}
                              setupForwardBackward();
                    }
                   
                    private function navOver(e:MouseEvent):void {
                              Tweener.addTween(e.target, {alpha:_navAlphaOver, time:_navAlphaTime});
                    }
                   
                    private function navOut(e:MouseEvent):void {
                              Tweener.addTween(e.target, {alpha:1, time:_navAlphaTime});
                    }
                   
                   
                   
                    //MEDIUM SIZE PICTURE -------------------------------------------------------------------------------------------------------------
                    private function setupMedium():void {
                              _mediumHolder = new Sprite();
                              var loader:Loader = new Loader();
                              loader.contentLoaderInfo.addEventListener(Event.COMPLETE, mediumLoaded, false, 0, true);
                              loader.load(new URLRequest(_mediumArray[_thumbChosen]));
                              _mediumHolder.alpha = 0;
                              _mediumHolder.addChild(loader);
                              addChild(_mediumHolder);
                             
                              setupText();
                    }
                   
                    private function mediumLoaded(e:Event):void {
                              Tweener.addTween(_mediumHolder, {alpha:1,  time:_mediumFadeIn});
                    }                  
                   
                    private function newMedium():void {
                              _mediumHolder.removeChildAt(0);
                              var loader:Loader = new Loader();
                              loader.contentLoaderInfo.addEventListener(Event.COMPLETE, newMediumLoaded, false, 0, true);
                              loader.load(new URLRequest(_mediumArray[_thumbChosen]));
                              _mediumHolder.alpha = 0;
                              _mediumHolder.addChild(loader);
                    }
                   
                    private function newMediumLoaded(e:Event):void {
                              newLarge();
                              setupText();
                              _mediumHolder.x = 445;
                              Tweener.addTween(_mediumHolder, {alpha:1, x:0,  time:_mediumFadeIn});
                    }
                   
                   
                   
                    //LARGE SIZE PICTURE -------------------------------------------------------------------------------------------------------------
                    private function setupLarge():void {
                              _largeHolder = new Sprite();
                              var loader:Loader = new Loader();
                              loader.contentLoaderInfo.addEventListener(Event.COMPLETE, largeLoaded, false, 0, true);
                              loader.load(new URLRequest(_largeArray[_thumbChosen]));
                              _largeHolder.alpha = 0;
                              _largeHolder.buttonMode = true;                            
                              _largeHolder.addChild(loader);
                              _largeHolder.x = 190;
                              addChild(_largeHolder);      
                             
                              _bigMask = new BigMask();
                              addChild(_bigMask);
                              _bigMask.x = 191;
                              _largeHolder.mask = _bigMask;
                             
                              setupMedium();
                    }
                   
                    private function largeLoaded(e:Event):void {
                              largePicInitX();
                              _largeHolder.addEventListener(Event.ENTER_FRAME, movePic, false, 0, true);
                              _largeHolder.addEventListener(MouseEvent.ROLL_OVER, movePicTrue, false, 0, true);
                              _largeHolder.addEventListener(MouseEvent.ROLL_OUT, movePicFalse, false, 0, true);
                              _largeHolder.addEventListener(MouseEvent.CLICK, largeClicked, false, 0, true);
                              Tweener.addTween(_largeHolder, {alpha:1,  time:_largeFadeIn});
                              hidePreloader();
                    }                  
                   
                    private function newLarge():void {
                              _largeHolder.removeChildAt(0);
                              var loader:Loader = new Loader();
                              loader.contentLoaderInfo.addEventListener(Event.COMPLETE, newLargeLoaded, false, 0, true);
                              loader.load(new URLRequest(_largeArray[_thumbChosen]));
                              _largeHolder.alpha = 0;
                              _largeHolder.addChild(loader);
                    }
                   
                    private function newLargeLoaded(e:Event):void {
                              Tweener.addTween(_largeHolder, {alpha:1,  time:_largeFadeIn});
                              Tweener.addTween(_largeHolder.getChildAt(0), {x:0,  time:2});
                              hidePreloader();
                    }
                   
                    private function movePic(e:Event):void {
                              if(_movePic) {
                                        var widthToUse:Number;
                                        var heightToUse:Number;
                                        if(_zoomMode){
                                                  widthToUse = 915;
                                                  heightToUse = 600;                                         
                                        } else {
                                                  widthToUse = 444;
                                                  heightToUse = 266;                                                                                           
                                        }
                                       
                                        var forskelX:Number;
                                        var pctX:Number;
                                        var pxX:Number;
                                        var forskelY:Number;
                                        var pctY:Number;
                                        var pxY:Number;
                                        forskelX = _largeHolder.getChildAt(0).width - widthToUse;
                                        pctX = _largeHolder.mouseX / widthToUse * 100;
                                        pxX = forskelX / 100 * pctX;
                                        forskelY = _largeHolder.getChildAt(0).height - heightToUse;
                                        pctY = _largeHolder.mouseY / heightToUse * 100;
                                        pxY = forskelY / 100 * pctY;                               
                                        if(_zoomMode){
                                                  Tweener.addTween(_largeHolder.getChildAt(0), {x:-pxX, y:-pxY, time:0.4});                                              
                                        } else {
                                                  Tweener.addTween(_largeHolder.getChildAt(0), {x:-pxX, y:-pxY, time:0.4});                                                                                                
                                        }                                      
                                       
                                        moveTooltip();                                   
                              }
                    }
                   
                    private function movePicTrue(e:MouseEvent):void {
                              _movePic = true;
                    }
                   
                    private function movePicFalse(e:MouseEvent):void {
                              _movePic = false;
                              largePicInitX();
                              tooltipInitPlacement();
                    }                  
                   
                    private function largePicInitX():void {
                              var widthToUse:Number;
                              if(_zoomMode){
                                        widthToUse = 915;
                              } else {
                                        widthToUse = 444;
                              }                            
                              var theX:Number = -((_largeHolder.getChildAt(0).width - widthToUse) / 2);
                              Tweener.addTween(_largeHolder.getChildAt(0), {x:theX, y:0, time:0.8});
                    }
                   
                    private function largeClicked(e:MouseEvent):void {
                              var someParam:String = _largeArray[_thumbChosen];
                             
                              if(_zoomMode) {
                                        _zoomMode = false;
                                        Tweener.addTween(_bigMask, {width:444, height:266, x:191, y:0, time:0.8});
                                        Tweener.addTween(_largeHolder, {width:_largeHolder.getChildAt(0).width, height:_largeHolder.getChildAt(0).height, x:190, y:0, time:0.8});
                                        _largeHolder.mask = _bigMask;
                                        addChildAt(_largeHolder, numChildren - 3);
                                       
                                        _tooltip.gotoAndStop(1);
                              } else {
                                        _zoomMode = true;                                
                                        Tweener.addTween(_bigMask, {width:915, height:600, x:0, y:0, time:0.8});
                                        Tweener.addTween(_largeHolder, {width:_largeHolder.getChildAt(0).width, height:_largeHolder.getChildAt(0).height, x:0, y:0, time:0.8});
                                        _largeHolder.mask = _bigMask;
                                        addChild(_largeHolder);
                                       
                                        _tooltip.gotoAndStop(2);
                                        addChild(_tooltip);
                              }
                    }                  
                   
                   
                   
                    //SETTING UP THE TOOLTIP -------------------------------------------------------------------------------------------------------------               
                    private function setupTooltip():void {
                              _tooltip = new Tooltip();
                              addChild(_tooltip);
                              tooltipInitPlacement();
                    }
                   
                    private function tooltipInitPlacement():void {
                              Tweener.removeTweens(_tooltip);
                              _tooltip.alpha = 0;
                    }
                   
                    private function moveTooltip():void {
                              Tweener.addTween(_tooltip, {x:mouseX+50, y:mouseY+50, time:0.05});
                              Tweener.addTween(_tooltip, {alpha:1, time:0.4});
                    }
                   
                   
                   
                    //SETTING UP THE TEXT -------------------------------------------------------------------------------------------------------------
                    private function setupText():void {
                              if(!_cssLoaded){
                                        //var cssreq:URLRequest = new URLRequest("/Files/Billeder/fransa/flash/fransaflash.css");
                                        var cssreq:URLRequest = new URLRequest("fransaflash.css");
                                        _cssLoader.addEventListener(Event.COMPLETE, cssLoaded, false, 0, true);
                                        _cssLoader.load(cssreq);
                              } else {
                                        addText();
                              }
                    }
                   
                    private function cssLoaded(e:Event):void {
                              _cssLoader.removeEventListener(Event.COMPLETE, cssLoaded);
                              _css.parseCSS(_cssLoader.data);
                              myText.normalText.selectable = true;
                              _cssLoaded = true;
                              addText();
                    }
                   
                    private function addText():void {
                             
                              myText.alpha = 0;
                              myHeader.alpha = 0;                    
                             
                              if(_headerArray[_thumbChosen].search(/\n/i) > -1) {
                                        var alteredText:String = _headerArray[_thumbChosen];
                                        alteredText = alteredText.toUpperCase();
                                        alteredText = alteredText.replace(/\n/ig, "");
                                        myHeader.headerText.htmlText = alteredText;
                                        myText.y = 97;
                              } else {
                                        myHeader.headerText.htmlText = _headerArray[_thumbChosen].toUpperCase();
                                        myText.y = 67;
                              }

                              var normaltext:String = _textArray[_thumbChosen];
                              normaltext = normaltext.replace(/<br \/>/ig, "");
                              normaltext = normaltext.replace(/\n/ig, "");
                              myText.normalText.styleSheet = _css;
                              myText.normalText.htmlText = normaltext;
                              Tweener.addTween(myHeader, {alpha:1, time:4.8});
                              Tweener.addTween(myText, {alpha:1, time:4.8, delay:0.3});
                    }
                   
                   
                   
                    //NAVIGATION -------------------------------------------------------------------------------------------------------------
                    private function showNav():void {

                    }
                   

                   
                    //DOWNLOAD -------------------------------------------------------------------------------------------------------------
                    private function setupDownload():void {
                              if(_retail.indexOf("448") > -1 || _retail.indexOf("4614") > -1) {
                                        downloadBtn.buttonMode = true;
                                        Tweener.addTween(downloadBtn, {alpha:1, time:_downloadAlpha});
                                        downloadBtn.addEventListener(MouseEvent.CLICK, downloadClicked, false, 0, true);
                              }
                             
                    }
                   
                    private function downloadClicked(e:MouseEvent):void {
                              //navigateToURL(new URLRequest("/admin/public/getimage.aspx?Image="+_downloadArray[_thumbChosen]+"&Width=10000&Resolution=300&Compression=100&ForceDownload=True"));
                              navigateToURL(new URLRequest("/Admin/Public/DWSDownload.aspx?File="+_downloadArray[_thumbChosen]));
                    }
                   
                   
          }
}