////////////////////////////////////////////////////////////////////////////////
//
//  Licensed to the Apache Software Foundation (ASF) under one or more
//  contributor license agreements.  See the NOTICE file distributed with
//  this work for additional information regarding copyright ownership.
//  The ASF licenses this file to You under the Apache License, Version 2.0
//  (the "License"); you may not use this file except in compliance with
//  the License.  You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
//  Unless required by applicable law or agreed to in writing, software
//  distributed under the License is distributed on an "AS IS" BASIS,
//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//  See the License for the specific language governing permissions and
//  limitations under the License.
//
////////////////////////////////////////////////////////////////////////////////
	import mx.graphics.*;
	import comps.*;
    import spark.primitives.*;
	import mx.graphics.SolidColorStroke;
	import mx.graphics.SolidColor;
    import spark.primitives.supportClasses.*;
	import spark.layouts.*;
	import mx.collections.ArrayCollection;
    import spark.components.*;
    import spark.skins.spark.*; 
    
	import spark.collections.Sort;
	import spark.collections.SortField;
	[Bindable]
	public var labelArr:Array=[{label: "top"},{label: "file"},{label:"I am a Menu"},{label:"here goes Nothing"},{label:"Label4"},{label:"bottom"}];
	[Bindable]
	public var abcArr:Array=[' ','', 'A','B','C','D','E','F','G','H','I','J','K','L']; 
	[Bindable]
	public var emptyArr:Array=[];
	public var mixArr:Array= [{type: "color", label: "Green string", color: 0x00FF00},{type: "text", label: "This is a string"},{type:"checkBox", label: "Checked", value:true},
	{type:"checkBox", label: "Unchecked", value:false},{type: "text", label: "Second string"},
	  {type: "color", label: "Red string", color: 0xFF0000}];
	  
  	[Bindable]
	public var ac:ArrayCollection;
	public var newPlayer:Object = {team:"ATeam",jerseyNumber:15, lastName:"Smith", firstName:"Sam"};
	[Bindable]
	public var players:ArrayCollection;
	[Bindable]
	public var ellipseAC:ArrayCollection;
	        public function createPlayersAC():void
		        {
		            players = new ArrayCollection([
	                {team:"Xatriots",jerseyNumber:80, lastName:"Yrown",	   firstName:"TrName"},
		            {team:"Xaguars", jerseyNumber:7,  lastName:"Yeftwich", firstName:"ByName"},
		            {team:"Xatriots",jerseyNumber:12, lastName:"Yrady",    firstName:"ToName"},
		            {team:"Xatriots",jerseyNumber:21, lastName:"Yay",      firstName:"RaPlayer"},
		            {team:"Xed Xox", jerseyNumber:34, lastName:"Yrtiz",    firstName:"DaName"},
		            {team:"Xatriots",jerseyNumber:12, lastName:"Yinatieri",firstName:"AdName"},
		            {team:"Xaguars", jerseyNumber:7,  lastName:"Yoon",     firstName:"ByName"},
	       		]);
		        }		

public function sortFunction (a:*, b:*, fields:Array = null):int {
	return a.num < b.num ? -1 : (a.num == b.num ? 0 : 1);
}

public function sortDataProvider(dp:ArrayCollection):void {
	dp.sort = new spark.collections.Sort();
	dp.sort.compareFunction = sortFunction;
	dp.refresh();
}
	        public function createEllipseAC():void
		        {
		            ellipseAC = new ArrayCollection([
	            	    {label:"red",width:80, height:10, color:"0xFF0000"},
	            	    {label:"green",width:50, height:20, color:"0x00FF00"},
	            	    {label:"gray",width:30, height:60, color:"0x999999"},
	            	    {label:"red circle",width:50, height:50, color:"0xFF0000"},
	            	    {label:"yellow",width:40, height:10, color:"0xFFFF00"},
	            	    {label:"magenta",width:70, height:30, color:"0xFF00FF"},
    			    {label:"aqua",width:30, height:40, color:"0x00FFFF"}
	       		]);
		        }	        
	       public function sortAC():void
		        {
	            ac = new ArrayCollection([
		            {team:"Xatriots",jerseyNumber:80, lastName:"Yrown",	   firstName:"TrName"},
		            {team:"Xaguars", jerseyNumber:7,  lastName:"Yeftwich", firstName:"ByName"},
		            {team:"Xatriots",jerseyNumber:12, lastName:"Yrady",    firstName:"ToName"},
		            {team:"Xatriots",jerseyNumber:21, lastName:"Yay",      firstName:"RaPlayer"},
		            {team:"Xed Xox", jerseyNumber:34, lastName:"Yrtiz",    firstName:"DaName"},
		            {team:"Xatriots",jerseyNumber:12, lastName:"Yinatieri",firstName:"AdName"},
		            {team:"Xaguars", jerseyNumber:7,  lastName:"Yoon",     firstName:"ByName"},
	        		]);
	            var s:Sort = new spark.collections.Sort();
		            var f:SortField = new spark.collections.SortField();
					f.name = 'jerseyNumber';
		            ac.filterFunction = function (item:Object):Boolean
		            {
		                return item.jerseyNumber >= 12 && item.jerseyNumber <= 34;
		            }
		            s.fields = [f];
		            ac.sort = s;
		            ac.refresh();
        	}	
		public function myItemRendererFunction(item:*):IFactory
		{
			if(item.type == "text")
				return (new ClassFactory(LabelRenderer));
			else if (item.type == "checkBox" )
				return (new ClassFactory(CheckBoxRenderer)) 
			else if (item.type == "color" )
				return (new ClassFactory(ColorLabelRenderer))			
			return (item);
		} 
		
		public function aligningItemRendererFunction(item:*):IFactory
		{
			if (item is DisplayObject || item is GraphicElement)
				return new ClassFactory(DataGroupJustifyItemRendererComplex);
			else
				return new ClassFactory(DataGroupJustifyItemRenderer);
		}

		public function createAC():ArrayCollection
		{
			var col:ArrayCollection = 
			new ArrayCollection(['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z']); 
			return (col);
		}

		public function addEllipseAt(myList:SkinnableDataContainer, i:int, color:int, width:int=40, height:int=30):void
		{
            var myGroup:Group = new Group();
			var myEllipse:Ellipse = new Ellipse();
			myEllipse.width=width; myEllipse.height=height;
			var myFill:SolidColor = new SolidColor();
			myFill.color = color;
			myEllipse.fill = myFill;
            myGroup.addElement(myEllipse);
            myList.dataProvider.addItemAt(myGroup, i);
		}
        
		public function addRectAt(myList:SkinnableDataContainer, i:int, color:int, width:int=15, height:int=30, x:int=30, y:int=40):void
		{
			var myRect:Rect = new Rect();
            var myGroup:Group = new Group();
			myRect.x = x; myRect.y = y;
			myRect.width=width; myRect.height=height;
			var myFill:SolidColor = new SolidColor();
			myFill.color = color;
			myRect.fill = myFill;
            myGroup.addElement(myRect);
			myList.dataProvider.addItemAt(myGroup,i);
		}
        
		public function createLine(color:int, xFrom:int=0, yFrom:int=0,xTo:int=40, yTo:int=30 ):Line
			{
			    var myLine:Line = new Line();
			    myLine.xFrom = xFrom; myLine.yFrom = yFrom;
			    myLine.xTo=xTo; myLine.yTo=yTo;
			    var mySolidColorStroke:SolidColorStroke = new SolidColorStroke();
			    mySolidColorStroke.color = color;
			    myLine.stroke = mySolidColorStroke;
			    return myLine;
			}
		public function createGroup(color:int, width:int=40, height:int=40, x:int=0, y:int=0 ):Group
			{
			    var myGroup:Group = new Group();
			    myGroup.layout = new VerticalLayout();

			    var myEllipse:Ellipse = new Ellipse();
			    myEllipse.width=width; myEllipse.height=height;
			    var myFill:SolidColor = new SolidColor();
			    myFill.color = color;
			    myEllipse.fill = myFill;
			    myGroup.addElement(myEllipse);

			    var myRect:Rect = new Rect();
			    myRect.width=width; myRect.height=height;
			    myRect.fill = myFill;
			    myGroup.addElement(myRect);

			    myGroup.addElement(createLine(color));

			    return myGroup;
			}
	        
		public function mixItemRendererFunction(item:*):IFactory
		{
		    if (item is DisplayObject || item is GraphicElement)
			return new ClassFactory(DefaultComplexItemRenderer);
		    else
			return new ClassFactory(DefaultItemRenderer);
		}
		
		[Bindable]
		[Embed(source="../../../../../Assets/Images/GridImages/1_r1_c1.png")]
		public var icon11:Class;

		[Bindable]
		[Embed(source="../../../../../Assets/Images/GridImages/1_r1_c2.png")]
		public var icon12:Class;

		[Bindable]
		[Embed(source="../../../../../Assets/Images/GridImages/1_r1_c3.png")]
		public var icon13:Class;

		[Bindable]
		[Embed(source="../../../../../Assets/Images/GridImages/1_r1_c4.png")]
		public var icon14:Class;

		[Bindable]
		[Embed(source="../../../../../Assets/Images/GridImages/1_r1_c5.png")]
		public var icon15:Class;

		[Bindable]
		[Embed(source="../../../../../Assets/Images/GridImages/1_r1_c6.png")]
		public var icon16:Class;

		[Bindable]
		[Embed(source="../../../../../Assets/Images/GridImages/1_r1_c7.png")]
		public var icon17:Class;

		[Bindable]
		[Embed(source="../../../../../Assets/Images/GridImages/1_r1_c8.png")]
		public var icon18:Class;

		[Bindable]
		[Embed(source="../../../../../Assets/Images/GridImages/1_r1_c9.png")]
		public var icon19:Class;

		[Bindable]
		[Embed(source="../../../../../Assets/Images/GridImages/1_r2_c1.png")]
		public var icon21:Class;

		[Bindable]
		public var objIcon:Object={label:"1", data:icon11};

		[Bindable]
		public var acIcons:ArrayCollection;	
	        public function createIconsAC():void
		{
		            acIcons = new ArrayCollection
		            ([  {label:"1", data:icon11},
				{label:"2", data:icon12},
				{label:"3", data:icon13},
				{label:"4", data:icon14},
				{label:"5", data:icon15},
				{label:"6", data:icon16},
				{label:"7", data:icon17},
				{label:"8", data:icon18},
				{label:"9", data:icon19},
				{label:"10", data:icon21}] );
		}