<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
	creationComplete="applyEffects()">
 
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import mx.core.UIComponent;
 
			[Bindable] private var blurQualityDP:ArrayCollection = new ArrayCollection([{label: 'Low', value: BitmapFilterQuality.LOW}, 
																						{label: 'Medium', value: BitmapFilterQuality.MEDIUM},
																						{label: 'High', value: BitmapFilterQuality.HIGH}
																							]);
 
			public static function getUIComponentBitmapData( target:UIComponent ):BitmapData {
				var bd:BitmapData = new BitmapData( target.width, target.height, true, 0 );
				var m:Matrix = new Matrix();
 
				bd.draw( target, m, null, null, null, true );
				return bd;
			}
 
			private function applyEffects():void {
				var w:int = widthSlider.value;
				var ratio:Number = w / originalImage.width;
				var h:int = originalImage.height * ratio;
 
				if (applyBlur.selected){
					var blurXValue:Number = Math.max(1, originalImage.width / w) * 1.25;
					var blurYValue:Number = Math.max(1, originalImage.height / h) * 1.25;
 
					var blurFilter:BlurFilter = new BlurFilter(blurXValue, blurYValue, int(blurQuality.selectedItem.value));
					originalImage.filters = [blurFilter];
				} else {
					originalImage.filters = [];
 
				}
				var bd:BitmapData = getUIComponentBitmapData(originalImage);
 
 
				var rbd:BitmapData = resizeImageBD(bd, w, h);
				img1.source = new Bitmap(rbd, PixelSnapping.AUTO, true);
			}
 
 
			public static function resizeImageBD( bitmapData:BitmapData, width:Number, height:Number ):BitmapData {
				var newBitmapData:BitmapData	= new BitmapData( width, height, true, 0x000000 );
				var matrix:Matrix				= new Matrix();
				matrix.identity();
				matrix.createBox( width / bitmapData.width, height / bitmapData.height );
				newBitmapData.draw( bitmapData, matrix, null, null, null, true );
				return newBitmapData;
			}
 
		]]>
	</mx:Script>
	<mx:VBox>
 
		<mx:HBox>
			<mx:Label text="Image Width" />
			<mx:HSlider id="widthSlider" 
				value="300" minimum="0" maximum="1600" 
				width="800" 
				change="applyEffects()" liveDragging="true"
				snapInterval="5"
				dataTipPrecision="0"/>
			<mx:CheckBox id="applyBlur" label="Apply Blur" change="applyEffects()"/>
 
			<mx:ComboBox id="blurQuality" dataProvider="{blurQualityDP}" change="applyEffects()"/>
		</mx:HBox>
 
		<mx:Label text="Image Width: {widthSlider.value}" />
 
		<mx:Canvas>
 
			<mx:Image id="originalImage" source="@Embed(source='test7.jpg')"
				x="100" y="100"/>
 
			<mx:Image id="img1" 
				/>
 
		</mx:Canvas>
	</mx:VBox>
 
</mx:Application>