<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".ui.SFPlaylistActivity"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#000000">

    <include layout="@layout/sf_nav_frame"
             android:id="@+id/navMenuContainer"/>

    <ListView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/mainNavListView"
        android:layout_gravity="left|top"
        android:clickable="true"
        android:divider="#00ffffff"
        android:smoothScrollbar="false"
        android:background="@color/sf_background_menu"
        android:listSelector="#00ffffff"
        android:cacheColorHint="#00ffffff"
        android:visibility="visible"
        android:paddingTop="10dp"
        android:paddingLeft="6dp"
        android:layout_below="@+id/navMenuContainer"/>

    <include layout="@layout/sf_refresh_frame"
             android:id="@+id/refreshContainer"/>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/sf_background_default"
        android:id="@+id/slide_right"
        android:layout_below="@+id/navMenuContainer"
        android:clickable="true"
        android:layout_above="@+id/audio_control_footer">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:id="@+id/title_textView"
            android:gravity="center"
            android:background="@color/sf_background_secondary"
            android:layout_alignParentTop="true"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:singleLine="true"
            android:textColor="#ffffff"
            android:textSize="@dimen/sf_menu_font_size"
            android:ellipsize="end"
            android:visibility="gone"/>

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:id="@+id/header_imageView"
            android:layout_below="@+id/title_textView"
            android:adjustViewBounds="true"
            android:background="@color/sf_background_default"
            android:scaleType="centerCrop"
            android:visibility="gone"
            android:layout_centerHorizontal="true"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:id="@+id/gamut_title"
            android:gravity="center"
            android:singleLine="false"
            android:textColor="#ffffff"
            android:textSize="@dimen/sf_gamut_font_size"
            android:ellipsize="end"
            android:layout_alignTop="@+id/header_imageView"
            android:visibility="gone"
            android:maxLines="2"
            android:padding="30dp"
            android:clickable="false"
            android:background="#60000000"/>

        <ListView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/sermons_ListView"
            android:background="@color/sf_background_default"
            android:transcriptMode="normal"
            android:layout_below="@+id/header_imageView"/>

        <include layout="@layout/sf_sermon_details"/>

    </RelativeLayout>

    <include layout="@layout/sf_audio_controls_footer"
             android:id="@+id/audio_control_footer"
             android:layout_width="match_parent"
             android:layout_height="0dp"
             android:layout_alignParentBottom="true"/>


</RelativeLayout>
