Повернуть картинку загруженную через Loader

[zakatnov]

Есть код:

var radius:Number = 130;
var centerX:Number = 250;
var centerY:Number = 175
var speed:Number = 0.05;
var xml:XML;
var xmlList:XMLList;
var imgLoader:Loader;
var urlLoader:URLLoader = new URLLoader();
urlLoader.load (new URLRequest("xml.xml"));
urlLoader.addEventListener (Event.COMPLETE, handleLoad);
 
function handleLoad (e:Event):void
{
	xml = XML(e.target.data);
	xmlList = xml.children();
 
	for (var i:int = 0; i<xmlList.length; i++)
	{
		imgLoader = new Loader();
		imgLoader.load(new URLRequest(xmlList[i].attribute("small")));
		imgLoader.rotation = i*(Math.PI/4);
		imgLoader.x = radius*Math.cos(imgLoader.rotation)+centerX;
		imgLoader.y = radius*Math.sin(imgLoader.rotation)+centerY;
		imgLoader.name = xmlList[i].attribute("big");
		addChild(imgLoader);
	}
}

Сейчас я пока ищу конкретные решения, поэтому код оформил в кадре а не в классе.

и есть XML

<?xml version="1.0" encoding="utf-8"?>
<imgs>
	<img big="1.jpg" small="1.jpg">1</img>
	<img big="2.jpg" small="2.jpg">1</img>
	<img big="3.jpg" small="3.jpg">1</img>
	<img big="4.jpg" small="4.jpg">1</img>
	<img big="5.jpg" small="5.jpg">1</img>
	<img big="6.jpg" small="6.jpg">1</img>
	<img big="7.jpg" small="7.jpg">1</img>
	<img big="8.jpg" small="8.jpg">1</img>
</imgs>

Собственно задача - загрузить картинки и разместить их по кругу.
сейчас получается так:


то есть как то странно работает свойство rotation оно поворачивает объект не только от центра окружности, но и относительно самого себя, подскажите как сделать, чтобы было так:


Заранее спасибо