package qs.controls
{
	import qs.controls.fisheyeClasses.actionscript_extra_fisheye_qs_controls_FisheyeBase;
	import qs.controls.fisheyeClasses.actionscript_extra_fisheye_qs_controls_FisheyeItem;
	import qs.controls.fisheyeClasses.actionscript_extra_fisheye_qs_controls_FisheyeAxis;

	public class actionscript_extra_fisheye_qs_controls_Fisheye extends actionscript_extra_fisheye_qs_controls_FisheyeBase
	{
		/** the ideal positional data for the renderers.  When the inputs to the layout system change,
		 * this array is regenerated to represent the goal positions for each renderer.  Over time, the layout system
		 * will animate the children towards these positions */
		private var _pdata:Array = [];

		private var _mouseData:Array = [];

		/** the direction this component lays out
		 */
		private var _direction:String = "horizontal";

		/* abstractions around x/y, width/height. Instead of asking for x/y based properties directly,
		*  we go through these properties. Switch the properties, and our layout switches axis. Presto! */
		protected var major:actionscript_extra_fisheye_qs_controls_FisheyeAxis = new actionscript_extra_fisheye_qs_controls_FisheyeAxis();
		protected var minor:actionscript_extra_fisheye_qs_controls_FisheyeAxis = new actionscript_extra_fisheye_qs_controls_FisheyeAxis();

		//-----------------------------------------------------------------

		public function actionscript_extra_fisheye_qs_controls_Fisheye()		
		{
			major.direction = "horizontal";
			minor.direction = "vertical";			
		}
		/** whether we layout along the horizontal or vertical axis */
		public function set direction(value:String):void
		{
			if(value == _direction)
				return;
			_direction = value;			
			if(_direction == "vertical")
			{
				major.direction = "vertical";
				minor.direction = "horizontal";
			}
			else
			{
				major.direction = "horizontal";
				minor.direction = "vertical";
			}

			invalidateSize();
			animator.invalidateLayout();
		}

		public function get direction():String
		{
			return _direction;
		}

		override protected function measure():void
		{
			var minorMeasuredSize:Number = 0;
			var count:Number = dataProvider.length;
			for (var i:int = 0;i<count;i++)
			{
				minorMeasuredSize = Math.max(minorMeasuredSize,renderers[i][minor.measured]);
				var pd:actionscript_extra_fisheye_qs_controls_FisheyeItem = _pdata[i];
				var md:actionscript_extra_fisheye_qs_controls_FisheyeItem = _mouseData[i];
				pd.eomHeight = md.eomHeight = renderers[i].getExplicitOrMeasuredHeight();
				pd.eomWidth = md.eomWidth = renderers[i].getExplicitOrMeasuredWidth();			
			}
			this[minor.measuredMin] = this[minor.measured] = minorMeasuredSize;

			// now that we have newly measured sizes, we'll need to recaculate sizing, and mouse positoins.
			animator.invalidateLayout();
		}
		override protected function commitProperties():void
		{
			var itemsChanged:Boolean = this.itemsChanged;
			super.commitProperties();
			
			if(itemsChanged)
			{
				for(var i:int = 0;i<dataProvider.length;i++)
				{
					_pdata[i] = new actionscript_extra_fisheye_qs_controls_FisheyeItem();
					_mouseData[i] = new actionscript_extra_fisheye_qs_controls_FisheyeItem();
				}
			}

		}
		/** determines the pixel value along the major axis of the middle of the ith item if it were hilighted 
		 *  the relevant value is stored in the actionscript_extra_fisheye_qs_controls_FisheyeItem structure corresponding to the item. But that value is stored relative
		 *  to an anchor point...either the left, middle, or right (or top,middle,bottom) of the component based on the alignment style.
		 *  This function converts it to an absolute pixel value.
		 */
		private function midPointFor(i:int):Number
		{
			var pdata:actionscript_extra_fisheye_qs_controls_FisheyeItem = _mouseData[i];
			return pdata[major.pos] + pdata[major.EOM] * pdata.scale/2;
		}
		override protected function generateLayout():void
		{
			var minorAlignValue:String = getStyle(minor.align);
			var itemCount:int = dataProvider.length;

			var targetIndex:Number = (isNaN(hilightedItemIndex)? selectedItemIndex:hilightedItemIndex);
			var pdata:actionscript_extra_fisheye_qs_controls_FisheyeItem;
			
			if(itemCount == 0)
				return;
				
			if(isNaN(targetIndex))
			{
				populateMajorAxisForDefault(_pdata,major,this[major.unscaled]);
				align(_pdata,major);			
			}
			else
			{
				pdata = _pdata[targetIndex];
				var targetPosition:Number = midPointFor(targetIndex) - pdata[major.EOM]*maxScaleWithDefault/2;
				if(targetPosition < 0)
					targetPosition = 0;
				if(targetPosition + pdata[major.EOM]*maxScaleWithDefault > this[major.unscaled])
					targetPosition = this[major.unscaled] - pdata[major.EOM]*maxScaleWithDefault;
					
				populateMajorAxisFor(_pdata.slice(targetIndex),0,this[major.unscaled] - targetPosition,major);
				for (var i:int = targetIndex;i<itemCount;i++)
					_pdata[i][major.pos] += targetPosition;
				if(targetIndex > 0)
				{
					populateMajorAxisFor(_pdata.slice(0,targetIndex),targetIndex,targetPosition - defaultSpacingWithDefault,major);
					pdata = _pdata[targetIndex - 1];
					var offset:Number = targetPosition - (pdata[major.pos] + pdata[major.EOM] * pdata.scale + defaultSpacingWithDefault);
					for(var i:int = 0;i<targetIndex;i++)
						_pdata[i][major.pos] += offset;
				}				
			}
			for(var i:int=0;i<itemCount;i++)
			{
				pdata = _pdata[i];
				var target:LayoutTarget = animator.targetFor(renderers[i]);
				target.scaleX = target.scaleY = pdata.scale;
				target.unscaledHeight = pdata.eomHeight;
				target.unscaledWidth = pdata.eomWidth;
				target[major.pos] = pdata[major.pos];
				target[minor.pos] = (minorAlignValue == "top" || minorAlignValue == "left")? 0:
					   (minorAlignValue == "right" || minorAlignValue == "bottom")? this[minor.unscaled] - pdata.scale*pdata[minor.EOM]:
					   						this[minor.unscaled]/2 - pdata.scale*pdata[minor.EOM]/2;
			}
		}

		override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
		{

			populateMajorAxisForDefault(_mouseData,major,this[major.unscaled]);
			align(_mouseData,major);

			super.updateDisplayList(unscaledWidth,unscaledHeight);
		}

		override protected function findItemForPosition(xPos:Number,yPos:Number):Number
		{
			var majorPos:Number = (_direction == "horizontal"? xPos:yPos);
			var minorPos:Number = (_direction == "horizontal"? yPos:xPos);
			
			var minDist:Number = Infinity;
			var result:Number;

			var minorAlignValue:String = getStyle(minor.align);
			switch(minorAlignValue)
			{
				case "right":
				case "bottom":
					if(this[minor.unscaled] - minorPos > this[minor.measured])
						return NaN;
					break;
				case "left":
				case "top":
					if(minorPos > this[minor.measured])
						return NaN;
					break;
				case "center":
				case "justified":
				default:
					if(Math.abs(this[minor.unscaled]/2 - minorPos) > this[minor.measured]/2)
						return NaN;
					break;
			}
			for(var i:int = 0; i < dataProvider.length; i++)
			{
				var dist:Number = majorPos - midPointFor(i);
				if (Math.abs(dist) < Math.abs(minDist))				
				{
					minDist = dist;
					result = i;
				}
				else
				{
//					break;
				}				
			}
			return result;
		}

	}
}