diff -r c163ef0b758d -r ea59c434026a mpviewplugins/mpmediawallviewplugin/src/mptracklistwidget.cpp
--- a/mpviewplugins/mpmediawallviewplugin/src/mptracklistwidget.cpp	Fri Jun 11 13:36:36 2010 +0300
+++ b/mpviewplugins/mpmediawallviewplugin/src/mptracklistwidget.cpp	Wed Jun 23 18:10:13 2010 +0300
@@ -16,73 +16,65 @@
 */
 
 
-#include <QGraphicsLinearLayout>
 #include <QGraphicsSceneMouseEvent>
-#include <QBrush>
 
+#include <hbinstance.h>
+#include <hblistview.h>
 #include <hbframeitem.h>
-#include <hbinstance.h>
 #include <hbmainwindow.h>
+#include <hbstyleloader.h>
 
 
 #include "mptracklistwidget.h"
+#include "mpreflectioneffect.h"
 
 const int swipeAngleTolerance = 30; // angle is from 0 to 360
 
+/*!
+    \class MpTrackListWidget
+    \brief Widget with a list of tracks for Media Wall.
+    
+    This widget provides a list with custom style and a background.
 
+*/
+
+/*!
+    \fn void closed()
+
+    This signal is emitted when the track list is closed by the user with a 
+    left swipe gesture.
+ */
+
+
+/*!
+   Creates the MpTrackListWidget. 
+ */
 MpTrackListWidget::MpTrackListWidget( QGraphicsItem *parent ) : HbWidget( parent ) 
 {
-    mList = new HbListView( );
-    QGraphicsLinearLayout   *layout = new QGraphicsLinearLayout( );
-    layout->addItem( mList );
-    setLayout( layout );
+    // Register the custorm css path for the list items.
+    HbStyleLoader::registerFilePath(":/css/mpcustomlistitem.css");
+    HbStyleLoader::registerFilePath(":/css/mpcustomlistitem.hblistviewitem.widgetml");    
+    mList = new HbListView( this );
+    // set layout name that matches the custom list item layout.
+    mList->setLayoutName("mpmwtracklist");
     
+    //grab the gesture for close.
     grabGesture(Qt::SwipeGesture);
+    
     mFrameItem = new HbFrameItem( this );
     mFrameItem->frameDrawer().setFrameType( HbFrameDrawer::NinePieces );
+    mFrameItem->frameDrawer().setFrameGraphicsName( "qtg_fr_multimedia_trans" );  
+    mFrameItem->setZValue(-1);
     
-    //TODO: REMOVE PAINT and enable frame drawer when graphic is delibered.
-    //mFrameItem->frameDrawer().setFrameGraphicsName( "qtg_fr_popup" );  
-    mFrameItem->setZValue(-1);
+    MpReflectionEffect *effect = new MpReflectionEffect(this);
+    setGraphicsEffect(effect);
 }
 
 /*!
-    \reimp
+ Destructs the track list widget.
  */
-void MpTrackListWidget::resizeEvent(QGraphicsSceneResizeEvent *event)
-{
-    mFrameItem->setGeometry( rect() );
-    HbWidget::resizeEvent( event );
-}
-
-
-/*!
-    \reimp
- */
-void MpTrackListWidget::paint( QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget )
+MpTrackListWidget::~MpTrackListWidget()
 {
-    Q_UNUSED( widget )
-    Q_UNUSED( option )
-    painter->setPen(Qt::darkGray);
-    painter->setBrush(QBrush(Qt::gray ));
-    painter->drawRoundedRect( rect(), 4.0 , 4.0 );
-}
-
-/*!
-    \reimp
- */
-void MpTrackListWidget::gestureEvent(QGestureEvent *event)
-{
-    QGesture* gesture = event->gesture(Qt::SwipeGesture);
-    if (gesture) {
-        QSwipeGesture* swipe = static_cast<QSwipeGesture *>(gesture);
-        if (swipe->state() == Qt::GestureFinished && 
-                swipeAngleToDirection (swipe->swipeAngle()) == QSwipeGesture::Left ) {
-            //Left gesture is the direction in wich the track list slides to close.
-            emit close();
-            event->accept(Qt::SwipeGesture);
-        }
-    }    
 }
 
 /*!
@@ -94,28 +86,15 @@
 } 
 
 /*!
-    Maps swipe angle to SwipeDirection based on a tolerance parameter and orientation.
+    \reimp
  */
-QSwipeGesture::SwipeDirection MpTrackListWidget::swipeAngleToDirection(
-        int angle)
+void MpTrackListWidget::resizeEvent(QGraphicsSceneResizeEvent *event)
 {
-    int delta = swipeAngleTolerance;
-    if ( hbInstance->allMainWindows()[0]->orientation() == Qt::Horizontal ) {
-        //correction for transformation on rotation.
-        angle += ( angle < 90 ) ? 270 : -90;  
-    }
-    QSwipeGesture::SwipeDirection direction(QSwipeGesture::NoDirection);
-    if ((angle > 90-delta) && (angle < 90+delta)) {
-        direction = QSwipeGesture::Up;
-    } else if ((angle > 270-delta) && (angle < 270+delta)) {
-        direction = QSwipeGesture::Down;
-    } else if (((angle >= 0) && (angle < delta)) 
-            || ((angle > 360-delta) && (angle <= 360))) {
-        direction = QSwipeGesture::Right;
-    } else if ((angle > 180-delta) && (angle < 180+delta)) {
-        direction = QSwipeGesture::Left;
-    }
-    return direction;    
+    mFrameItem->setGeometry( rect() );
+    qreal margin = 0.0;
+    style()->parameter(QString("var(hb-param-margin-gene-middle-vertical)"), margin);
+    mList->setGeometry( rect().adjusted( margin, margin, -margin, -margin ) );
+    HbWidget::resizeEvent( event );
 }
 
 /*!
@@ -144,4 +123,60 @@
     }
 }
 
+/*!
+    \reimp
+ */
+void MpTrackListWidget::gestureEvent(QGestureEvent *event)
+{
+    QGesture* gesture = event->gesture(Qt::SwipeGesture);
+    if (gesture) {
+        QSwipeGesture* swipe = static_cast<QSwipeGesture *>(gesture);
+        if (swipe->state() == Qt::GestureFinished && 
+                swipeAngleToDirection (swipe->swipeAngle()) == QSwipeGesture::Left ) {
+            //Left gesture is the direction in wich the track list slides to close.
+            emit closed();
+            event->accept(Qt::SwipeGesture);
+        }
+    }    
+}
 
+/*!
+    Maps swipe \a angle to QSwipeGesture::SwipeDirection based on a tolerance 
+    parameter and orientation. This funtions helps to identify a swipe even 
+    if it is not sharp movement from 180 to 0 degrees on the righ swipe 
+    gesture for instance. Since gesture events are mesured on device 
+    cordinates this also helps to correct the gesture to local cordinates 
+    bases on device orientation, wich is done using QT transformations, 
+    meaning local cordinates and device cordinates are not always aligned.
+ */
+QSwipeGesture::SwipeDirection MpTrackListWidget::swipeAngleToDirection(
+        int angle )
+{
+    int delta = swipeAngleTolerance;
+    if ( hbInstance->allMainWindows()[0]->orientation() == Qt::Horizontal ) {
+    //correction for transformation on rotation.
+#ifdef __WINS__ //wincw with forced rotation is to the right.
+    angle += ( angle < 90 ) ? 270 : -90; 
+#else//currently hardware rotations is to the left.
+    angle += 90;
+    if ( angle > 360 ) {
+        angle -= 360;
+    }
+#endif    
+      
+    }
+    QSwipeGesture::SwipeDirection direction( QSwipeGesture::NoDirection );
+    if ( ( angle > 90 - delta) && ( angle < 90 + delta ) ) {
+        direction = QSwipeGesture::Up;
+    } else if ( ( angle > 270 - delta ) && (angle < 270 + delta ) ) {
+        direction = QSwipeGesture::Down;
+    } else if ( ( ( angle >= 0 ) && ( angle < delta ) ) 
+            || ( ( angle > 360 - delta ) && ( angle <= 360 ) ) ) {
+        direction = QSwipeGesture::Right;
+    } else if ( ( angle > 180 - delta ) && ( angle < 180 + delta ) ) {
+        direction = QSwipeGesture::Left;
+    }
+    return direction;    
+}
+
+//EOF