package ro.fwd.thumbwall3d

{        

        import away3d.events.MouseEvent3D;

        import away3d.materials.MovieMaterial;

        import away3d.primitives.Plane;

 

        import flash.display.Bitmap;

        import flash.display.GradientType;

        import flash.display.Loader;

        import flash.display.LoaderInfo;

        import flash.display.Shape;

        import flash.display.Sprite;

        import flash.events.Event;

        import flash.events.EventDispatcher;

        import flash.events.IOErrorEvent;

        import flash.events.MouseEvent;

        import flash.geom.Matrix;

        import flash.net.URLRequest;

        import flash.text.Font;

        import flash.text.StyleSheet;

        import flash.text.TextField;

        import flash.text.TextFieldAutoSize;

        import flash.text.TextFormat;

 

        import gs.TweenMax;

        import gs.easing.Expo;

 

        import ro.fwd.thumbwall3d.events.DataEvent;

        import ro.fwd.thumbwall3d.events.ThumbEvent;

 

        public class Thumb extends EventDispatcher

        {

                private var _id:int;

                private var _imageWidth:Number;

                private var _imageHeight:Number;

                private var _data:Data;

                private var _holder:Plane;

                private var _imageMaterial:MovieMaterial;

                private var _textMaterial:MovieMaterial;

                private var _borderSize:Number;

                private var _imageBorder:Shape;

                private var _textBorder:Shape;

                private var _borderColor:uint;

                private var _flipBtn1:FlipButton;

                private var _flipBtn2:FlipButton;

                private var _textBackround:Shape;

                private var _imageText:TextField;

                private var _flipped:Boolean;

                private var _selected:Boolean;

                private var _textFont:String;

                private var _textSize:Number;

                private var _textColor:uint;

                private var _titleColor:uint;

                private var _textBgColor:uint;

                private var _over:_Over;

                private var over_:Sprite;

                private var _flipBtnColor:uint;

                private var _title:TextField;

                private var _bmp:Bitmap;

                private var _face:Sprite;

                private var _back:Sprite;

                private var _loader:Loader;

 

                public function Thumb(pId:int, pData:Data)

                {

                        _id = pId;

                        _data = pData;

 

                        setProperties();

                        createThumb();

                }

 

                private function setProperties():void

                {

                        _borderSize = _data.borderSize;

                        _borderColor = _data.borderColor;

                        _textSize = _data.textSize;

                        _textFont = _data.textFont;

                        _textColor = _data.textColor;

                        _titleColor = _data.titleColor;

                        _textBgColor = _data.textBackgroundColor;

                        _flipBtnColor = _data.flipButtonColor;

 

                        _flipped = false;

                        _selected = false;

 

                        _holder = new Plane();

                        _holder.yUp = false;

                        _holder.useHandCursor = true;

                        _holder.bothsides = true;

                        _holder.width = _data.thumbSize;

                        _holder.height = _data.thumbSize;

                        _holder.ownCanvas = true;

                }

 

                private function createThumb():void

                {

                        _loader = new Loader();

 

                        _loader.contentLoaderInfo.addEventListener(Event.COMPLETE, setThumb);

                        _loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, onImageError);

 

                        _loader.load(new URLRequest(_data.imageData[_id].imagePath));

                }

 

                private function setThumb(ev:Event):void

                {

                        var info:LoaderInfo = ev.currentTarget as LoaderInfo;

 

                        _bmp = Bitmap(info.loader.content);

 

                        var w:Number = _bmp.width;

                        var h:Number = _bmp.height;

 

                        var txtH:Number;

 

                        if (w > h)

                                txtH = w * 0.15;

                        else

                                txtH = h * 0.15;

 

                        if (_data.showTitle)        

                                h += txtH;

 

                        var ratio:Number = w/h;

 

                        if (ratio > 1)

                        {

                                _holder.height = _holder.width / ratio;

                        }

                        else

                        {

                                _holder.width = _holder.height * ratio;

                        }

 

                        _face = new Sprite();

 

                        var bSize:Number = _borderSize * w / _holder.width;

                        _imageBorder = new Shape();

 

                        var mat:Matrix = new Matrix();

                        var colors:Array = [0x999999, _borderColor, 0x999999];

                        var alphas:Array = [1, 1, 1];

                        var ratios:Array = [0, 127, 255];

                        mat.createGradientBox((w + bSize * 2)*2, (h + bSize * 2)*2, Math.PI / 4, -(w + bSize * 2)/2, -(h + bSize * 2)/2);

 

                        _imageBorder.graphics.beginGradientFill(GradientType.LINEAR, colors, alphas, ratios, mat);

                        _imageBorder.graphics.drawRect(0, 0, w + bSize * 2, h + bSize * 2);

                        _imageBorder.graphics.endFill();

 

                        _face.addChild(_imageBorder);

                        _face.addChild(_bmp);

 

 

 

                        _title = new TextField();

                        _title.autoSize = TextFieldAutoSize.LEFT;

                        _title.multiline = false;

                        _title.wordWrap = true;

                        _title.selectable = false;

                        _title.mouseWheelEnabled = false;

                        _title.textColor = _titleColor;

 

                        var myFont:Font = new SegoeFont();

                        var textFormat:TextFormat = new TextFormat();

                        textFormat.font = myFont.fontName;

                        textFormat.size = 50;

 

                        _title.embedFonts = true;

                        _title.defaultTextFormat = textFormat;

 

                        _title.text = _data.imageData[_id].title;

 

                        _title.width = w;

                        _title.height = txtH;

 

                        _title.x = bSize;

                        _title.y = bSize + _bmp.height + (txtH + bSize - _title.textHeight)/2;

 

                        if (_data.showTitle)

                                _face.addChild(_title);

 

                        _flipBtn1 = new FlipButton();

                        _flipBtn1.width = 15 * w / _holder.width * (_data.thumbSize / 200);

                        _flipBtn1.height = _flipBtn1.width;

 

                        _flipBtn1.x = w + bSize - _flipBtn1.width - 10;

                        _flipBtn1.y = h + bSize - _flipBtn1.height - 10;

 

                        TweenMax.to(_flipBtn1.ic_mc, 0, {tint:_flipBtnColor, ease:Expo.easeOut});

 

                        _face.addChild(_flipBtn1);

 

                        _bmp.x = bSize;

                        _bmp.y = bSize;

 

                        _over = new _Over();

                        _over.x = bSize;

                        _over.y = bSize;

                        _over.addEventListener(MouseEvent.ROLL_OVER,ll);

                        function ll(Event:MouseEvent):void

                        {

                                _over.gotoAndPlay("open");

                        }

                        _face.addChild(_over);

 

                        _holder.width += _borderSize * 2;

                        _holder.height += _borderSize * 2;

 

                        _imageMaterial = new MovieMaterial(_face);

                        _imageMaterial.smooth = true;

                        _imageMaterial.autoUpdate = false;

                        _imageMaterial.interactive = true;

 

                        _holder.material = _imageMaterial;

                        _imageMaterial.smooth = true;

 

                        _back = new Sprite();

 

                        _textBackround = new Shape();

                        _textBackround.graphics.beginFill(_textBgColor);

                        _textBackround.graphics.drawRect(0, 0, w, h);

                        _textBackround.graphics.endFill();

 

                        _imageText = new TextField();

                        _imageText.autoSize = TextFieldAutoSize.LEFT;

                        _imageText.multiline = true;

                        _imageText.wordWrap = true;

                        _imageText.selectable = false;

                        _imageText.mouseWheelEnabled = false;

                        _imageText.textColor = _textColor;

 

                        var textFormat2:TextFormat = new TextFormat();

                        textFormat2.font = _textFont;

                        textFormat2.size = _textSize;

 

                        _imageText.defaultTextFormat = textFormat2;

 

                        var _textLinkNormalColor:uint = 0x00FFFF;

                        var _textLinkSelectedColor:uint = 0xFF00FF;

 

                        var style:StyleSheet = new StyleSheet();

                        style.setStyle("a:link",{textDecoration:"underline"});

 

                        _imageText.styleSheet = style;

 

                        _imageText.htmlText = _data.imageData[_id].text;

 

                        _imageText.width = w - bSize;

                        _imageText.height = h;

 

                        _textBorder = new Shape();

 

                        _textBorder.graphics.beginGradientFill(GradientType.LINEAR, colors, alphas, ratios, mat);

                        _textBorder.graphics.drawRect(0, 0, w + bSize * 2, h + bSize * 2);

                        _textBorder.graphics.endFill();

 

                        _back.addChild(_textBorder);

                        _back.addChild(_textBackround);

                        _back.addChild(_imageText);

 

                        _flipBtn2 = new FlipButton();

                        _flipBtn2.width = 15 * w / _holder.width * (_data.thumbSize / 200);

                        _flipBtn2.height = _flipBtn2.width;

 

                        _flipBtn2.x = w + bSize - _flipBtn1.width - 10;

                        _flipBtn2.y = h + bSize - _flipBtn2.height - 10;

 

                        TweenMax.to(_flipBtn2.ic_mc, 0, {tint:_flipBtnColor, ease:Expo.easeOut});

 

                        _back.addChild(_flipBtn2);

 

                        _textBackround.x = bSize;

                        _textBackround.y = bSize;

 

                        _imageText.x = bSize + bSize/2;

                        _imageText.y = bSize;

 

                        _textMaterial = new MovieMaterial(_back);

                        _textMaterial.scaleX = -1;

                        _textMaterial.offsetX += _back.width;

 

                        _textMaterial.smooth = true;

                        _textMaterial.autoUpdate = false;

                        _textMaterial.interactive = true;

 

                        _holder.back = _textMaterial;

 

                        dispatchEvent(new ThumbEvent(ThumbEvent.THUMB_LOAD, _id));

 

                        _holder.addEventListener(MouseEvent3D.MOUSE_UP, onClick);

 

                        disable();

 

                        info = null;

                }

 

                private function onImageError(ev:Event):void

                {

                        var str:String = "<font color='#FF0000'>Image file \"" + _data.imageData[_id].imagePath + "\" not found.";

                        dispatchEvent(new DataEvent(DataEvent.ERROR, str));

                }

 

                public function select(ev:MouseEvent3D):void

                {

                        TweenMax.to(_holder, .5, {z:-70 * (_data.thumbSize / 200), ease:Expo.easeOut});

                        TweenMax.to(_holder, .5, {scaleX:1.2, ease:Expo.easeOut});

                        TweenMax.to(_holder, .5, {scaleY:1.2, ease:Expo.easeOut});

                }

 

                public function deselect(ev:MouseEvent3D):void

                {

 

                        TweenMax.to(_holder, .5, {z:0, ease:Expo.easeOut});

                        TweenMax.to(_holder, .5, {scaleX:1, ease:Expo.easeOut});

                        TweenMax.to(_holder, .5, {scaleY:1, ease:Expo.easeOut});

                }

 

                private function onClick(ev:MouseEvent3D):void

                {

                        dispatchEvent(new ThumbEvent(ThumbEvent.THUMB_CLICK, _id));

                }

 

                public function flip(ev:MouseEvent):void

                {

                        if (_selected)

                        {

                                if (!_flipped)

                                {

 

                                        TweenMax.to(_holder, .5, {rotationY:180, ease:Expo.easeOut});

                                        _flipped = true;

                                }

                                else

                                {

                                        TweenMax.to(_holder, .5, {rotationY:0, ease:Expo.easeOut});

                                        _flipped = false;

                                }

                        }

 

                        if (ev == null)

                        {

                                TweenMax.to(_holder, .5, {rotationY:0, ease:Expo.easeOut});

                                _flipped = false;

                        }

                }

 

                public function enable():void

                {

                        _selected = true;

 

                        _flipBtn1.alpha = 1;

                        _flipBtn2.alpha = 1;

 

                        _flipBtn1.addEventListener(MouseEvent.CLICK, flip);

                        _flipBtn2.addEventListener(MouseEvent.CLICK, flip);

 

                        _imageMaterial.update();

                        _textMaterial.update();

 

                        _holder.removeEventListener(MouseEvent3D.MOUSE_OVER, select);

                        _holder.removeEventListener(MouseEvent3D.MOUSE_OUT, deselect);

                        _holder.removeEventListener(MouseEvent3D.MOUSE_UP, onClick);

                }

 

                public function disableMouseOver():void

                {

                        _holder.removeEventListener(MouseEvent3D.MOUSE_OVER, select);

                        _holder.removeEventListener(MouseEvent3D.MOUSE_OUT, deselect);

                }

 

                public function disable():void

                {

                        if (_flipBtn2 != null)

                        {

                                _selected = false;

 

                                _flipBtn1.alpha = 0;

                                _flipBtn2.alpha = 0;

 

                                _flipBtn1.removeEventListener(MouseEvent.CLICK, flip);

                                _flipBtn2.removeEventListener(MouseEvent.CLICK, flip);

 

                                _imageMaterial.update();

                                _textMaterial.update();

 

                                _holder.addEventListener(MouseEvent3D.MOUSE_OVER, select);

                                _holder.addEventListener(MouseEvent3D.MOUSE_OUT, deselect);

                                _holder.addEventListener(MouseEvent3D.MOUSE_UP, onClick);

                        }

                }

 

                public function destroy():void

                {

                        _holder.removeEventListener(MouseEvent3D.MOUSE_OVER, select);

                        _holder.removeEventListener(MouseEvent3D.MOUSE_OUT, deselect);

                        _holder.removeEventListener(MouseEvent3D.MOUSE_UP, onClick);

 

                        _flipBtn1.removeEventListener(MouseEvent.CLICK, flip);

                        _flipBtn2.removeEventListener(MouseEvent.CLICK, flip);

 

                        _loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, setThumb);

                        _loader.contentLoaderInfo.removeEventListener(IOErrorEvent.IO_ERROR, onImageError);

 

                        _imageMaterial.autoUpdate = false;

                        _imageMaterial.smooth = false;

                        _imageMaterial.interactive = false;

 

                        _textMaterial.autoUpdate = false;

                        _textMaterial.smooth = false;

                        _textMaterial.interactive = false;

 

                        _imageMaterial.bitmap.dispose();

                        _textMaterial.bitmap.dispose();

 

                        _bmp.bitmapData.dispose();

 

                        _imageMaterial = null;

                        _textMaterial = null;

 

                        _flipBtn1 = null;

                        _flipBtn2 = null;

 

                        _loader = null;

 

                        _holder.ownCanvas = false;

                        _holder.material = null;

                        _holder.back = null;

 

                        _bmp = null;

                        _face = null;

                        _back = null;

                        _imageBorder = null;

                        _textBorder = null;

                        _textBackround = null;

                        _data = null;

                        _imageText = null;

                        _title = null;

                        _holder = null;

                }

 

                public function get id():int

                {

                        return _id;

                }

 

                public function get holder():Plane

                {

                        return _holder;

                }

 

                public function get selected():Boolean

                {

                        return _selected;

                }

 

                public function set selected(pSelected:Boolean):void

                {

                        _selected = pSelected;

                }

 

                public function get flipped():Boolean

                {

                        return _flipped;

                }

 

                public function set flipped(pFlipped:Boolean):void

                {

                        _flipped = pFlipped;

                }

        }

}