     
     /**
      *  @private
-     *  Flag that is set when the mouse is hovered over the item renderer.
-     */
-    private var hovered:Boolean = false;
+     *  Helper class to help determine when we are in the hovered or down state
+     */
+    private var itemRendererInteractionStateDetector:ItemRendererInteractionStateDetector;
     
     //--------------------------------------------------------------------------
     //

        
        var backgroundColor:uint;
        var drawBackground:Boolean = true;
        if (selected)
            backgroundColor = getStyle("selectionColor");
        else if (hovered)
            backgroundColor = getStyle("rollOverColor");
        else
        {

{

import flash.display.DisplayObject;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.geom.Point;

import mx.controls.listClasses.*;
import mx.core.IDataRenderer;
import mx.core.InteractionMode;
import mx.core.UIComponent;
import mx.core.mx_internal;
import mx.events.FlexEvent;

import spark.components.IItemRenderer;
import spark.components.Label;
import spark.components.supportClasses.ItemRendererInteractionStateDetector;
import spark.components.supportClasses.TextBase;

use namespace mx_internal;
