package Chart
{
	import flash.display.DisplayObjectContainer
	import Chart.Draw;
  import flash.display.*;	
	import flash.filters.*
	import flash.text.TextFieldAutoSize;
	import flash.text.TextField;
  	import flash.events.Event;
	import flash.display.Sprite;
	  import flash.display.StageScaleMode;
	import flash.events.MouseEvent;
	import flash.geom.Transform;
	import flash.geom.Matrix;
	public class CurrentFigures	extends Sprite{
		private var currentFigures:Array = new Array();					//Array with the updated index of the elements in arrayDraw
		private var instructions:TextField = new TextField();			//Instructions about the multiples and divisors
		private var selectedNumber:TextField = new TextField();			//Textfield with the text The selected number is
		private var fieldName:TextField = new TextField();				//Textfield with the number selected
		private var overNumber:TextField = new TextField();				//Textfield with the number of the caracter under mouse
		private var overNumberLabel:TextField = new TextField();		//Textfield with the label of the number of the caracter under mouse		
		private var todosDibujos:Array = new Array;				//Array with all the draw objects contained in the XML File (arrayPersons)
		private var arrayDraw:Array = new Array;				//Array containing the draw Object (arrayDraw.object) and the quality of the relation (arrayDraw.relation)
		private var arrayRelations:Array = new Array;			//Contains relations among persons: fromID, toID, quality
		private var subRelation:Array = new Array;
		private var container:Sprite = new Sprite();
		private var originX:uint = 400;
		private var originY:uint = 365;
		private var nuevoContainer:Sprite=new Sprite();
		private var affineTransform:Matrix;
		private var distanceBetweenCircle:uint = 70;
		static private const ancho:Number = 1000;
		static private const alto:Number = 800;
		private function setDisplayInfo():void {
//			container.width=800;
//			container.height=800;
/*			fieldName.height=50;
			fieldName.width=300;
			fieldName.x=850;
			fieldName.y=125;
			fieldName.autoSize=TextFieldAutoSize.LEFT;
			overNumber.height=50;
			overNumber.width=300;
			overNumber.x = 850;
			overNumber.y = 150;
			overNumber.autoSize=TextFieldAutoSize.LEFT;
			overNumberLabel.height=50;
			overNumberLabel.width=300;
			overNumberLabel.x = 700;
			overNumberLabel.y = 150;
			overNumberLabel.autoSize=TextFieldAutoSize.LEFT;
			overNumberLabel.htmlText = "<b> You are on the number: </b>";
			selectedNumber.height=50;
			selectedNumber.width=150;
			selectedNumber.x=700;
			selectedNumber.y=125;
			selectedNumber.autoSize=TextFieldAutoSize.LEFT;
			selectedNumber.htmlText="<b>You have selected number: </b>";
			instructions.border=true;
			instructions.height=50;
			instructions.width=200;
			instructions.x=700;
			instructions.y=100;
			instructions.autoSize=TextFieldAutoSize.LEFT;
			instructions.htmlText = "<b>Click one number to show all its multiples and divisors</b>";
			container.addChild(overNumber);
			container.addChild(overNumberLabel);
			container.addChild(fieldName);
			container.addChild(selectedNumber);
			container.addChild(instructions);
			nuevoContainer.addChild(container);*/
		}

		public function CurrentFigures (arrayPersons:Array, arrayRelations:Array):void {
			setDisplayInfo();		//Set the display (name, number...)
			this.arrayRelations = arrayRelations;
			for (var j:int=0; j<arrayPersons.length; j++) {		//Add all the figures to arrayDraw
				var draw:Draw = new Draw(50, arrayPersons[j].name, arrayPersons[j].id, 0, arrayPersons[j].imageURL);
				todosDibujos.push(draw);
				arrayDraw.push(draw);
				addFigure(arrayDraw[j], originX, originY, j);				//Add all the figures of arrayDraw to the container				
			}
			
			addEventListener(Event.ENTER_FRAME, onEnterFrame);			//Activate the movement

//			container.addEventListener(MouseEvent.MOUSE_WHEEL, onMouseWheel);
	//		container.addEventListener(MouseEvent.MOUSE_DOWN, aver);
		
	//		stage.addEventListener(MouseEvent.MOUSE_WHEEL, onMouseWheel);
			click(arrayDraw[0]);					//We click on the first item
		}
		public function aver (ev:Event):void {
			trace ("Mouse Down");
		}
		public function addFigure(draw:Draw, x:int, y:int, index:int):void {
			draw.addEventListener(MouseEvent.MOUSE_UP, onPress);		//Handle event when click on one character
			draw.addEventListener(MouseEvent.MOUSE_OVER, overDraw);		//Handle event when the mouse is over one character
			draw.addEventListener(MouseEvent.MOUSE_OUT, outDraw);		//Handle event when the mouse is out one character (previously over)
			draw.setX(x);			//Set the initial coordinate X of the character
			draw.setY(y);			//Set the initial coordinate Y of the character
			currentFigures.push(index);		//The index of the actual character is added to the currentFigures array
			container.addChild(draw);		//Add the character to the container
		}
		public function getContainer() :Sprite {
			return container;
		}
		public function scaleAt( scale : Number, origenX : Number, origenY : Number) : void {
			affineTransform = transform.matrix;
			affineTransform.translate( -origenX, -origenY );
			affineTransform.scale( scale, scale );
			affineTransform.translate( origenX, origenY );
			transform.matrix = affineTransform;
			container.transform.matrix=transform.matrix;
		}		
		private function onEnterFrame(event:Event):void {
			container.graphics.clear();
			container.graphics.lineStyle(2);
			for (var i:int = 1; i<arrayDraw.length; i++) {
//				container.graphics.lineStyle(arrayDraw[i].getQuality());				
				container.graphics.moveTo(arrayDraw[0].getX(),arrayDraw[0].getY());
				container.graphics.lineTo(arrayDraw[i].getX(),arrayDraw[i].getY());				
			}
			for (var j:int = 0; j<subRelation.length; j++) {
				var relation:Relation = subRelation[j];
				container.graphics.lineStyle(2,Math.round( Math.random()*0xFFFFFF ));
				container.graphics.moveTo(arrayDraw[Number(relation.getFromID())].getX(),arrayDraw[Number(relation.getFromID())].getY())
				container.graphics.curveTo((arrayDraw[Number(relation.getToID())].getX()/2)+160, (arrayDraw[Number(relation.getToID())].getY()/2)+160, arrayDraw[Number(relation.getToID())].getX(),arrayDraw[Number(relation.getToID())].getY());
			}
		}
		private function checkExistence(tempArray:Array):void  {
			var isInTheList:Boolean = false;
			for (var i:int = 0; i<arrayDraw.length;i++) {
				for (var j:int = 0; j< tempArray.length; j++) {
					if (arrayDraw[i] == tempArray[j]) {
						arrayDraw[i] = tempArray[j];
//						arrayDraw[i].setIndexDisplay(i);
						tempArray.splice(j, 1);
						j--;
						isInTheList = true;
					} 
				}
				if (isInTheList==false) {
					container.removeChild(arrayDraw[currentFigures[i]]);
					arrayDraw.splice(i, 1);
					i--;
				}
				isInTheList = false;
			}
			for (var k:int =0; k<tempArray.length; k++) {
				tempArray[k].setX(originX);
				tempArray[k].setY(originY);
				arrayDraw.push(tempArray[k]);
				container.addChild(tempArray[k]);
//				tempArray[k].setIndexDisplay(container.numChildren);
			}
			subRelation.splice(0, subRelation.length);
		}
		private function onMouseWheel( event : MouseEvent ) : void {
			var origenX : Number = event.stageX;
			var origenY : Number = event.stageY;
			if( !event.altKey ) {
				if( event.delta > 0 ) {
					scaleAt(6/5, origenX, origenY );
				} else {
					scaleAt(5/6, origenX, origenY );
				}
			}
		}		
		private function drawFigures():void {
			var iguales:Boolean = false;
			var angle:Number = 0;
			var draW:Draw;
			arrayDraw[0].setXWanted(originX);
			arrayDraw[0].setYWanted(originY);
			var veamos:int = 1;
			var valor:Number = 0
			for (veamos; (valor + 12 + Math.pow(3, veamos)) < arrayDraw.length; veamos++) {
				valor += 12 + Math.pow(3, veamos)
			}
			var vueltaActual:int = 1;
			for (var i:int = 1; i<arrayDraw.length; i++) {
				draW = arrayDraw[i];
				for (var j:int=0; j< arrayRelations.length; j++) {
					var relation:Relation=arrayRelations[j];
					for (var k:int = 1; k<arrayDraw.length; k++) {
						var obj2:Object = arrayDraw[k];
						if (relation.getFromID()==draW.getId() && relation.getToID() == obj2.getId()) {
							var subrelation:Relation;
							for (var l:int = 0; l<subRelation.length; l++) {
								subrelation = subRelation[l];
								if (int(subrelation.getFromID()) == i && int(subrelation.getToID()) == k) {
									iguales=true;
								}
							}
							if (iguales==false) {
							var newSubrelation:Relation = new Relation(String(k), String(i), int(relation.getQuality));
							subRelation.push(newSubrelation);
							}
							iguales=false;
						}
					}			
				}
				var valorX:int;
				for (vueltaActual; (i-1)>(valorX + 12 + Math.pow(3, vueltaActual)) || (i-1)==(valorX + 12 + Math.pow(3, vueltaActual)); vueltaActual++) {
					valorX += 12 + Math.pow(3, vueltaActual)
				}
				var numeroADividir:int;
				if ((i-1) < valor) {
					numeroADividir = 12 + Math.pow(3, vueltaActual);
					angle += (360/(numeroADividir))*Math.PI/180;
				} else {
					angle += 360/(arrayDraw.length-valor-1)*Math.PI/180;
				}
				arrayDraw[i].setXWanted(originX + (((100 - (arrayDraw[i].getQuality()*15) + (vueltaActual * distanceBetweenCircle))*Math.cos(angle))));	//Final destination of the figure
				arrayDraw[i].setYWanted(originY + (((100 - (arrayDraw[i].getQuality()*15) + (vueltaActual * distanceBetweenCircle))*Math.sin(angle))));				
			}
		}
		public function click(draw:Draw): void {
			var tempArray:Array = new Array();
			var drawClicked:Draw;
			drawClicked=draw;
			drawClicked.setQuality(0);
			for (var i:int = 0; i<arrayDraw.length; i++) {		//Look for the clicked element and we eliminate it from it position
				if (arrayDraw[i].getId() == drawClicked.getId()) {
					arrayDraw.splice(i, 1);						
					i--;
				}	
			}
			arrayDraw.splice(0,0, drawClicked);		//Store the clicked element in the first position of the array arrayDraw
			tempArray.push(drawClicked);			//Store the clicked element in the tempArray
			fieldName.text=draw.getId();			//Show the text in the texfield
			for (var i:int = 0; i<arrayRelations.length; i++) {		//Check the relations with the other characters
				var relation:Relation = arrayRelations[i];
				if (relation.getFromID() == draw.getId()) {
					var obj2:Draw;
					for (var j:int = 0; j < todosDibujos.length; j++) {
						obj2 = todosDibujos[j];
						if (relation.getToID() == obj2.getId()) {
							var nuevaFigura:Object = new Object();							
							obj2.setQuality(relation.getQuality())
							tempArray.push(obj2);
							for (var erra:int = 0; erra<tempArray.length; erra++) {
							}							
						}
					}
				}
			}
			for (var err:int = 0; err<tempArray.length; err++) {
			}
			checkExistence(tempArray);
			drawFigures();
		}
		public function overDraw(ev:MouseEvent):void {
			overNumber.text=ev.target.getId();
			ev.target.filters=[new BevelFilter(  )];
			ev.target.increaseSize(60);
			ev.target.setIndexDisplay(container.getChildIndex(Draw(ev.target)));
			container.addChildAt(Draw(ev.target), container.numChildren);
		}
		public function outDraw(ev:MouseEvent):void {
			overNumber.text="";
			ev.target.decreaseSize();			
			ev.target.filters=[];
//			container.addChildAt(Draw(ev.target), ev.target.getIndexDisplay());
			container.addChildAt(Draw(ev.target), 1);
		}
		public function onPress(ev:MouseEvent):void {
			click(Draw(ev.target));
		}
	}
}