states в ItemRenderer

[AntonSurkont]

Здравствуйте уважаемые программисты.
Есть такой код (это ItemRenderer Листа):

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
	xmlns:s="library://ns.adobe.com/flex/spark" 
	xmlns:mx="library://ns.adobe.com/flex/mx"
	autoDrawBackground="false" click="itemrenderer1_clickHandler(event)">
	<s:states>
		<s:State name="not_active"/>
		<s:State name="active"/>
	</s:states>
 
	<fx:Script>
		<![CDATA[
			[Bindable]
			public var nameVar:String; 
 
			protected function itemrenderer1_clickHandler(event:MouseEvent):void
			{
				this.currentState = "active";
			}
 
		]]>
	</fx:Script>
 
	<s:Panel skinClass="longCalendar.skins.MonthBoxSkin"
				width="100%" height="100%"
				minHeight="30" minWidth="30" 
 
				backgroundColor.not_active="#FFFFFF" backgroundColor.active="#FFFFFF"
				color.not_active="#000000" color.active="#000000"
				chromeColor.not_active="#FF0000" chromeColor.active="#3BC64B"
				cornerRadius.not_active="8" cornerRadius.active="8"
 
				alpha.not_active="0.3" alpha.active="1">
		<s:Label text="{data} {nameVar}" left="10" top="8" fontSize="15"/>
	</s:Panel>
 
</s:ItemRenderer>

когда я кликаю по одному из элементов Листа, то панелька в этом элементе становится active, но когда я увожу курсор с этого элемента, то панелька вновь становится not_active.
Объясните плиз кто-нибудь что происходит.