import mx.managers.PopUpManager;
  include "lib-flex-style-explorer-as-globalFunctions.ax";
  include "lib-flex-style-explorer-as-assets.ax";
  
  [Bindable]
  public var myCSS:String = "";
  
  public var csscornerRadius:String = "";
  public var cssborderColor:String = "";
  public var csshighlightAlphas:String  = "";
  public var cssfillAlphas:String  = "";
  public var cssfillColors:String  = "";
  public var cssthemeColor:String  = "";
  public var csstrackColors:String  = "";
  
  public var scrollBarStyles:Array = [
          "cornerRadius", "borderColor", "highlightAlphas", "fillAlphas", "fillColors",
          "themeColor", "trackColors"
  ];
  
  public function setValue(whichStyle:String, whatValue:Number, whatType:String):void {
          myscrollBar.setStyle(whichStyle, whatValue);
          myhScrollBar.setStyle(whichStyle, whatValue);
          setCSS(whichStyle, whatValue, whatType);
  }
  
  public function setArrayValue (whichStyle:String, whatValue:Array, whatType:String, whichItem:String):void {
          
          this['my' + whichItem].setStyle(whichStyle, whatValue);        
          myhScrollBar.setStyle(whichStyle, whatValue);
          
          if (whatType == 'color') {
                  setArrayCSS(whichStyle, whatValue[0], whatValue[1], true, whichItem);
          } else {
                  setArrayCSS(whichStyle, whatValue[0], whatValue[1], false, whichItem);
          }
  }
  
  public function setQuadArrayValue (whichStyle:String, whatValue:Array, whatType:String, whichItem:String):void {
          this['my' + whichItem].setStyle(whichStyle, whatValue);
          myhScrollBar.setStyle(whichStyle, whatValue);
          if (whatType == 'color') {
                  setArrayFourCSS(whichStyle, whatValue[0], whatValue[1], whatValue[2], whatValue[3], true, whichItem);
          } else {
                  setArrayFourCSS(whichStyle, whatValue[0], whatValue[1], whatValue[2], whatValue[3], false, whichItem);
          }
  }
  
  public function setArrayCSS(whichStyle:String, whatValue1:Number, whatValue2:Number, isColor:Boolean, whichItem:String):void {
          var newValue:String;
          if (isColor == true) { newValue = rgbToHex(whatValue1) + ", " + rgbToHex(whatValue2); } 
          else { newValue =whatValue1 + ", " + whatValue2; }
          setCSS(whichStyle, 0, newValue);
  }
  
  public function setArrayFourCSS(whichStyle:String, whatValue1:Number, whatValue2:Number, whatValue3:Number, whatValue4:Number, isColor:Boolean, whichItem:String):void {
          var newValue:String;
          if (isColor == true) { newValue = rgbToHex(whatValue1) + ", " + rgbToHex(whatValue2) + ", " + rgbToHex(whatValue3) + ", " + rgbToHex(whatValue4); } 
          else { newValue =whatValue1 + ", " + whatValue2 + ", " + whatValue3 + ", " + whatValue4; }
          setCSS(whichStyle, 0, newValue);
  }
  
  public function setCSS(whichStyle:String, whatValue:Number, whatType:String):void {
          if (whatType == 'color') {         this["css" + whichStyle] = "   " + whichStyle + ": " + rgbToHex(whatValue) + ";\n";        } 
          else if (whatType == 'number' ){ this["css" + whichStyle] = "   " + whichStyle + ": " + whatValue + ";\n"; } 
          else {        this["css" + whichStyle] = "   " + whichStyle + ": " + whatType + ";\n";}
  
          
          myCSS.text = 'VScrollBar { \n';
          for (var i:Number = 0; i < scrollBarStyles.length; i++) {
                  myCSS.text += this['css' + scrollBarStyles[i]];
          }
          myCSS.text +=  '}\nHScrollBar { \n';
          for (i = 0; i < scrollBarStyles.length; i++) {
                  myCSS.text += this['css' + scrollBarStyles[i]];
          }
          myCSS.text += '}';
  }
  
  public function restoreDefaults():void {
          
          
          for (var i:Number = 0; i < scrollBarStyles.length; i++) {
                  if (this['css' + scrollBarStyles[i]] != '') {
                          myscrollBar.clearStyle(scrollBarStyles[i]);
                          myhScrollBar.clearStyle(scrollBarStyles[i]);
                          this['my' + scrollBarStyles[i] ].restoreDefault();
                          this['css' + scrollBarStyles[i] ] = "";        
                  }
          }
          myCSS.text = ""; 
  }
  
  [Bindable]
  public var swatches:Array;