package 
{
  import flash.display.DisplayObject;
  import flash.events.MouseEvent;
  import mx.collections.ArrayCollection;
  import mx.controls.Image;  
  public class graphic_flex_diagram_class_Box extends Image
  {
    private var designer:graphic_flex_diagram_class_Designer;
//  this line refrence arrays for drawing this box lines especialy when box moving
    private var fromLines:ArrayCollection = new ArrayCollection();
    private var toLines:ArrayCollection = new ArrayCollection();

    [Bindable]
    [Embed(source="graphic-flex-diagram-assets-box.png")] 
    public var boxPicture:Class; 
    
    public function graphic_flex_diagram_class_Box(){
      this.source =boxPicture;   
    }
    public function addFromLine(fromLine:graphic_flex_diagram_class_Line):void{
      this.fromLines.addItem(fromLine);
    }
    public function addToLine(toLine:graphic_flex_diagram_class_Line):void{
      this.toLines.addItem(toLine);
    }
    public function getFromLines():ArrayCollection{
      return this.fromLines;
    }
    public function getToLines():ArrayCollection{
      return this.toLines;
    }
    public function getWidth():int{
      return this.width;
    }
    public function getHeight():int{
      return this.height;
    }
    public function getX():int{
      return this.x;
    }
    public function getY():int{
      return this.y;
    }
    public function setDesigner(value:graphic_flex_diagram_class_Designer):void{
      this.designer = value;
    }
    
    // when box create from Image Class adding this events for listening mouse movement 
    public function create(x:int,y:int,id:String):void{
      this.x = x;
      this.y = y;
      this.id = id;
      this.addEventListener(MouseEvent.MOUSE_DOWN,mouseDown);
      this.addEventListener(MouseEvent.MOUSE_MOVE,mouseMove);
      this.addEventListener(MouseEvent.MOUSE_UP,mouseUp);
    }
    
    // mouse down event define start drawing line or draging box 
    //if line button click before, it sets mouse coordinate as firt points of line
    //if line button dosen't click it sets dragable of box
    private function mouseDown(event:MouseEvent):void{
      if (!designer.getIsDrawEnable()){
        this.startDrag();  
      }
      else{
        designer.prepareDrawing(); 
        designer.setCurrentFromBox(this);
      }      
    }
    //mouse move events works when box draging 
    //if this box has line this methods draws it
    private function mouseMove(event:MouseEvent):void{
      if (fromLines.length>0){
        drawFromLines();  
      }
      if (toLines.length>0){
        drawToLines();  
      }        
    }
    // this medthods draw "from direction" lines with updated coordinate 
    public function drawFromLines():void{
      for (var i:int=0;i<fromLines.length;i++){
        graphic_flex_diagram_class_Line(fromLines[i]).draw();
      }
    }
    // this medthods draw "to direction" lines with updated coordinate 
    public function drawToLines():void{
      for (var i:int=0;i<toLines.length;i++){
        graphic_flex_diagram_class_Line(toLines[i]).draw();
      }
    }
    
    //mouse up events define stop box dragging or finish drawing line
    //if finish drawing line it sets mouse coordinate as last points of line  
    //if stop draging it sets stop drag 
    private function mouseUp(event:MouseEvent):void{
      if (!designer.getIsDrawEnable()){
        this.stopDrag();
      }
      else{  
        designer.setCurrentToBox(this);
        designer.addLine();
      }      
    }
  }
}