include "lib-flex-style-explorer-as-globalFuncs.ax";
include "lib-flex-style-explorer-as-assets.ax";

[Bindable]
public var myCSS:String = "";

public var cssbackgroundColor:String = "";
public var cssbackgroundImage:String = "";
public var cssthemeColor:String = "";
public var csscolor:String = "";
public var cssbackgroundGradientColors:String = "";
public var cssbackgroundGradientAlphas:String = "";
public var cssbackgroundSize:String = "";

public var applicationStyles:Array = [
	"backgroundImage", "backgroundSize", "backgroundColor", "backgroundGradientColors", "backgroundGradientAlphas", "themeColor", "color"
];

[Embed(source="lib-flex-style-explorer-assets-backgrounds.swf#bluestripe")]
public var bluestripe:Class;

[Embed(source="lib-flex-style-explorer-assets-brushedMetal.jpg")]
public var brushedmetal:Class;

[Embed(source="lib-flex-style-explorer-assets-backgrounds.swf#greenstripe")]
public var greenstripe:Class;

[Embed(source="lib-flex-style-explorer-assets-backgrounds.swf#industrial")]
public var industrial:Class;

[Embed(source="lib-flex-style-explorer-assets-backgrounds.swf#redstripe")]
public var redstripe:Class;

[Embed(source="lib-flex-style-explorer-assets-backgrounds.swf#retroFifties")]
public var retroFifties:Class;

[Embed(source="lib-flex-style-explorer-assets-backgrounds.swf#tartan")]
public var tartan:Class;

public function init():void {
	var bgImage:Array = [{label:"None"},
						{label:"bluestripe", data:bluestripe},
						 {label:"redstripe", data:redstripe},
						 {label:"greenstripe", data:greenstripe},
						{label:"brushedmetal", data:brushedmetal},
						{label:"industrial", data:industrial},
						{label:"retroFifties", data:retroFifties},
						{label:"tartan", data:tartan}];
	
	mybackgroundImageapplication.dataProvider = bgImage;
	mybackgroundImageapplication.addEventListener("change", changeBackgroundImage);
	
}

public function changeBackgroundImage(e:Event):void {
	StyleManager.getStyleDeclaration("Application").setStyle('backgroundImage', mybackgroundImageapplication.selectedItem.data);
	if (mybackgroundImageapplication.selectedIndex == 0) {
		cssbackgroundImage = "";
		cssbackgroundSize = "";
		updateCSS('application');
	} else if (mybackgroundImageapplication.selectedIndex == 4) {
		setCSS('backgroundImage', 0, 'Embed(source="assets/'+mybackgroundImageapplication.selectedItem.label+'.jpg")', 'application');
		setCSS('backgroundSize', 0, '100%', 'application');		
	} else	{
		setCSS('backgroundImage', 0, 'Embed(source="assets/backgrounds.swf#'+mybackgroundImageapplication.selectedItem.label+'")', 'application');
		setCSS('backgroundSize', 0, '100%', 'application');
	}
}

[Bindable]
public var swatches:Array;