diff --git a/AndroidManifest.xml b/AndroidManifest.xml
index b6a58e9..b63620e 100644
--- a/AndroidManifest.xml
+++ b/AndroidManifest.xml
@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="cn.trinea.android.demo"
-    android:versionCode="44"
-    android:versionName="3.1.2" >
+    android:versionCode="45"
+    android:versionName="3.1.3" >
 
     <uses-sdk android:minSdkVersion="14" />
 
@@ -89,12 +89,6 @@
             android:label="@string/auto_scroll_view_pager_activity_title"
             android:theme="@style/AppTheme" >
         </activity>
-        <activity
-            android:name=".AutoScrollViewPagerSingleDemo"
-            android:configChanges="orientation|keyboardHidden"
-            android:label="@string/auto_scroll_view_pager_single_activity_title"
-            android:theme="@style/AppTheme" >
-        </activity>
         <activity
             android:name=".AutoScrollViewPagerInnerDemo"
             android:configChanges="orientation|keyboardHidden"
diff --git a/README.md b/README.md
index 506bf1e..7e70a44 100644
--- a/README.md
+++ b/README.md
@@ -82,6 +82,4 @@
 #####13. BroadcastReceiver Demo
 使用示例：[BroadcastReceiver Demo](http://www.cnblogs.com/trinea/archive/2012/11/09/2763182.html)   
 
-[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/Trinea/androiddemo/trend.png)](https://bitdeli.com/free "Bitdeli Badge")  
-[![githalytics.com alpha](https://cruel-carlota.pagodabox.com/9aacf0f4a496e0647f415dbfa2df098a "githalytics.com")](http://githalytics.com/Trinea/android-demo)
 
diff --git a/project.properties b/project.properties
index 9bf3a29..9938aa0 100644
--- a/project.properties
+++ b/project.properties
@@ -13,5 +13,6 @@
 # Project target.
 target=android-14
 proguard.config=proguard.cfg
-android.library.reference.1=../android-auto-scroll-view-pager
-android.library.reference.2=../android-common
+android.library.reference.1=..\\android-auto-scroll-view-pager
+android.library.reference.2=..\\android-common
+android.library.reference.3=../../OpenCode/Android-ViewPagerIndicator/library
diff --git a/res/layout/auto_scroll_view_pager_demo.xml b/res/layout/auto_scroll_view_pager_demo.xml
index c451f2f..f40bb00 100644
--- a/res/layout/auto_scroll_view_pager_demo.xml
+++ b/res/layout/auto_scroll_view_pager_demo.xml
@@ -3,19 +3,27 @@
     android:layout_width="match_parent"
     android:layout_height="match_parent" >
 
-    <Button
-        android:id="@+id/auto_scroll_view_pager_single"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:text="@string/auto_scroll_view_pager_single" />
-
     <Button
         android:id="@+id/auto_scroll_view_pager_inner"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_below="@+id/auto_scroll_view_pager_single"
+        android:layout_marginBottom="@dimen/dp_40"
         android:text="@string/auto_scroll_view_pager_inner" />
 
+    <cn.trinea.android.view.autoscrollviewpager.AutoScrollViewPager
+        android:id="@+id/view_pager"
+        android:layout_width="@dimen/view_pager_witdh"
+        android:layout_height="@dimen/view_pager_height"
+        android:layout_below="@+id/auto_scroll_view_pager_inner" />
+
+    <com.viewpagerindicator.CirclePageIndicator
+        android:id="@+id/indicator"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_alignBottom="@+id/view_pager"
+        android:layout_centerHorizontal="true"
+        android:padding="@dimen/dp_8" />
+
     <include
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
diff --git a/res/layout/auto_scroll_view_pager_inner_fragment_demo.xml b/res/layout/auto_scroll_view_pager_inner_fragment_demo.xml
index 129646e..c40ad07 100644
--- a/res/layout/auto_scroll_view_pager_inner_fragment_demo.xml
+++ b/res/layout/auto_scroll_view_pager_inner_fragment_demo.xml
@@ -5,15 +5,15 @@
 
     <cn.trinea.android.view.autoscrollviewpager.AutoScrollViewPager
         android:id="@+id/view_pager"
-        android:layout_width="450dp"
-        android:layout_height="200dp" />
+        android:layout_width="@dimen/view_pager_witdh"
+        android:layout_height="@dimen/view_pager_height" />
 
-    <TextView
-        android:id="@+id/view_pager_index"
+    <com.viewpagerindicator.CirclePageIndicator
+        android:id="@+id/indicator"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_below="@+id/view_pager"
+        android:layout_alignBottom="@+id/view_pager"
         android:layout_centerHorizontal="true"
-        android:textSize="14sp" />
+        android:padding="@dimen/dp_8" />
 
 </RelativeLayout>
\ No newline at end of file
diff --git a/res/layout/auto_scroll_view_pager_single_demo.xml b/res/layout/auto_scroll_view_pager_single_demo.xml
deleted file mode 100644
index 1788353..0000000
--- a/res/layout/auto_scroll_view_pager_single_demo.xml
+++ /dev/null
@@ -1,27 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    android:layout_width="match_parent"
-    android:layout_height="match_parent" >
-
-    <cn.trinea.android.view.autoscrollviewpager.AutoScrollViewPager
-        android:id="@+id/view_pager"
-        android:layout_width="450dp"
-        android:layout_height="200dp" />
-
-    <TextView
-        android:id="@+id/view_pager_index"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_below="@+id/view_pager"
-        android:layout_above="@+id/trinea_info_layout"
-        android:layout_centerHorizontal="true"
-        android:textSize="14sp" />
-
-    <include
-        android:id="@+id/trinea_info_layout"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_alignParentBottom="true"
-        layout="@layout/trinea_info" />
-
-</RelativeLayout>
\ No newline at end of file
diff --git a/res/layout/border_scroll_view_demo.xml b/res/layout/border_scroll_view_demo.xml
index 75b20eb..9db88dd 100644
--- a/res/layout/border_scroll_view_demo.xml
+++ b/res/layout/border_scroll_view_demo.xml
@@ -17,7 +17,7 @@
             <TextView
                 android:id="@+id/top_text"
                 android:layout_width="match_parent"
-                android:layout_height="20dp"
+                android:layout_height="@dimen/dp_20"
                 android:gravity="center"
                 android:text="top text" />
 
@@ -40,7 +40,7 @@
             <TextView
                 android:id="@+id/bottom_text"
                 android:layout_width="match_parent"
-                android:layout_height="20dp"
+                android:layout_height="@dimen/dp_20"
                 android:layout_below="@+id/text2"
                 android:gravity="center"
                 android:text="bottom text" />
@@ -48,6 +48,7 @@
     </cn.trinea.android.common.view.BorderScrollView>
 
     <include
+        android:id="@+id/trinea_info_layout"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_alignParentBottom="true"
diff --git a/res/layout/download_manager_demo.xml b/res/layout/download_manager_demo.xml
index a881794..69aaff2 100644
--- a/res/layout/download_manager_demo.xml
+++ b/res/layout/download_manager_demo.xml
@@ -2,7 +2,7 @@
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:paddingTop="20dp" >
+    android:paddingTop="@dimen/dp_20" >
 
     <Button
         android:id="@+id/download_button"
@@ -14,7 +14,7 @@
         android:id="@+id/download_size"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginLeft="20dp"
+        android:layout_marginLeft="@dimen/dp_20"
         android:ellipsize="end"
         android:singleLine="true"
         android:visibility="gone" />
@@ -25,7 +25,7 @@
         android:layout_height="wrap_content"
         android:layout_alignParentRight="true"
         android:layout_alignTop="@+id/download_size"
-        android:layout_marginRight="50dp"
+        android:layout_marginRight="@dimen/dp_50"
         android:ellipsize="end"
         android:singleLine="true"
         android:visibility="gone" />
@@ -36,14 +36,14 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_below="@+id/download_size"
-        android:layout_marginLeft="20dp"
-        android:layout_marginRight="50dp"
+        android:layout_marginLeft="@dimen/dp_20"
+        android:layout_marginRight="@dimen/dp_50"
         android:visibility="gone" />
 
     <Button
         android:id="@+id/download_cancel"
         style="?android:attr/buttonBarButtonStyle"
-        android:layout_width="40dp"
+        android:layout_width="@dimen/dp_40"
         android:layout_height="wrap_content"
         android:layout_alignBottom="@+id/download_progress"
         android:layout_alignParentRight="true"
@@ -57,8 +57,8 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_alignParentLeft="true"
-        android:layout_marginLeft="20dp"
-        android:layout_marginTop="70dp"
+        android:layout_marginLeft="@dimen/dp_20"
+        android:layout_marginTop="@dimen/dp_70"
         android:gravity="left" />
 
     <include
diff --git a/res/layout/image_list_item.xml b/res/layout/image_list_item.xml
index 6ad3c05..4338c05 100644
--- a/res/layout/image_list_item.xml
+++ b/res/layout/image_list_item.xml
@@ -5,8 +5,8 @@
 
     <ImageView
         android:id="@+id/image_list_image"
-        android:layout_width="300dp"
-        android:layout_height="500dp"
+        android:layout_width="@dimen/image_width"
+        android:layout_height="@dimen/image_height"
         android:layout_centerInParent="true"
         android:contentDescription="@string/image_content" />
 
diff --git a/res/layout/image_sdcard_cache_demo.xml b/res/layout/image_sdcard_cache_demo.xml
index bdcc14a..0812a74 100644
--- a/res/layout/image_sdcard_cache_demo.xml
+++ b/res/layout/image_sdcard_cache_demo.xml
@@ -10,9 +10,10 @@
         android:layout_height="match_parent"
         android:layout_above="@+id/trinea_info_layout"
         android:layout_gravity="center"
-        android:spacing="4dp" />
+        android:spacing="@dimen/dp_4" />
 
     <include
+        android:id="@+id/trinea_info_layout"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_alignParentBottom="true"
diff --git a/res/layout/search_view_demo.xml b/res/layout/search_view_demo.xml
index a49a7ba..3404056 100644
--- a/res/layout/search_view_demo.xml
+++ b/res/layout/search_view_demo.xml
@@ -7,9 +7,9 @@
         android:id="@+id/search_info"
         android:layout_width="match_parent"
         android:layout_height="@dimen/dp_40"
-        android:layout_marginLeft="8dp"
+        android:layout_marginLeft="@dimen/dp_8"
         android:gravity="center_vertical"
-        android:textSize="18sp" />
+        android:textSize="@dimen/sp_16" />
 
     <include
         android:layout_width="match_parent"
diff --git a/res/layout/slide_one_page_gallery_demo.xml b/res/layout/slide_one_page_gallery_demo.xml
index bdcc14a..0812a74 100644
--- a/res/layout/slide_one_page_gallery_demo.xml
+++ b/res/layout/slide_one_page_gallery_demo.xml
@@ -10,9 +10,10 @@
         android:layout_height="match_parent"
         android:layout_above="@+id/trinea_info_layout"
         android:layout_gravity="center"
-        android:spacing="4dp" />
+        android:spacing="@dimen/dp_4" />
 
     <include
+        android:id="@+id/trinea_info_layout"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_alignParentBottom="true"
diff --git a/res/values/dimens.xml b/res/values/dimens.xml
index 78aeffd..0f4f8e5 100644
--- a/res/values/dimens.xml
+++ b/res/values/dimens.xml
@@ -5,9 +5,16 @@
     <dimen name="page_margin">15dp</dimen>
     <dimen name="dp_4">4dp</dimen>
     <dimen name="dp_8">8dp</dimen>
+    <dimen name="dp_20">20dp</dimen>
     <dimen name="dp_40">40dp</dimen>
+    <dimen name="dp_50">50dp</dimen>
+    <dimen name="dp_70">70dp</dimen>
     <dimen name="sp_16">16sp</dimen>
     <dimen name="search_view_margin_left">55dp</dimen>
     <dimen name="divider_height">2px</dimen>
+    <dimen name="view_pager_witdh">450dp</dimen>
+    <dimen name="view_pager_height">150dp</dimen>
+    <dimen name="image_width">300dp</dimen>
+    <dimen name="image_height">500dp</dimen>
 
 </resources>
\ No newline at end of file
diff --git a/res/values/strings.xml b/res/values/strings.xml
index cafcb45..765354a 100644
--- a/res/values/strings.xml
+++ b/res/values/strings.xml
@@ -8,7 +8,6 @@
     <string name="imagecache_demo_activity_title">ImageCache Demo</string>
     <string name="dropdownlistview_demo_activity_title">Drop Down And Load More ListView Demo</string>
     <string name="auto_scroll_view_pager_activity_title">Auto Scroll ViewPager Demo</string>
-    <string name="auto_scroll_view_pager_single_activity_title">Auto Scroll Single Pager Demo</string>
     <string name="auto_scroll_view_pager_inner_activity_title">Auto Scroll Inner Pager Demo</string>
     <string name="borderscrollview_demo_activity_title">onBottom onTop ScrollView Demo</string>
     <string name="search_view_demo_activity_title">SearchView Demo</string>
diff --git a/src/cn/trinea/android/demo/AutoScrollViewPagerDemo.java b/src/cn/trinea/android/demo/AutoScrollViewPagerDemo.java
index 041b3a6..e076d31 100644
--- a/src/cn/trinea/android/demo/AutoScrollViewPagerDemo.java
+++ b/src/cn/trinea/android/demo/AutoScrollViewPagerDemo.java
@@ -1,10 +1,17 @@
 package cn.trinea.android.demo;
 
+import java.util.ArrayList;
+import java.util.List;
+
 import android.content.Intent;
 import android.os.Bundle;
 import android.view.View;
 import android.view.View.OnClickListener;
 import android.widget.Button;
+import cn.trinea.android.demo.adapter.ImagePagerAdapter;
+import cn.trinea.android.view.autoscrollviewpager.AutoScrollViewPager;
+
+import com.viewpagerindicator.CirclePageIndicator;
 
 /**
  * AutoScrollViewPagerDemo
@@ -13,31 +20,64 @@
  */
 public class AutoScrollViewPagerDemo extends BaseActivity {
 
-    private Button singleVieaPager;
-    private Button innerVieaPager;
+    private AutoScrollViewPager viewPager;
+    private CirclePageIndicator indicator;
+
+    private Button              innerViewPagerDemo;
 
     @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState, R.layout.auto_scroll_view_pager_demo);
 
-        singleVieaPager = (Button)findViewById(R.id.auto_scroll_view_pager_single);
-        innerVieaPager = (Button)findViewById(R.id.auto_scroll_view_pager_inner);
+        viewPager = (AutoScrollViewPager)findViewById(R.id.view_pager);
+        indicator = (CirclePageIndicator)findViewById(R.id.indicator);
 
-        singleVieaPager.setOnClickListener(new OnClickListener() {
+        List<Integer> imageIdList = new ArrayList<Integer>();
+        imageIdList.add(R.drawable.banner1);
+        imageIdList.add(R.drawable.banner2);
+        imageIdList.add(R.drawable.banner3);
+        imageIdList.add(R.drawable.banner4);
+        viewPager.setAdapter(new ImagePagerAdapter(context, imageIdList));
+        indicator.setViewPager(viewPager);
 
-            @Override
-            public void onClick(View v) {
-                startActivity(new Intent(context, AutoScrollViewPagerSingleDemo.class));
+        viewPager.setInterval(2000);
+        viewPager.startAutoScroll();
 
-            }
-        });
-        innerVieaPager.setOnClickListener(new OnClickListener() {
+        // the more properties whose you can set
+        // // set whether stop auto scroll when touching, default is true
+        // viewPager.setStopScrollWhenTouch(false);
+        // // set whether automatic cycle when auto scroll reaching the last or first item
+        // // default is true
+        // viewPager.setCycle(false);
+        // /** set auto scroll direction, default is AutoScrollViewPager#RIGHT **/
+        // viewPager.setDirection(AutoScrollViewPager.LEFT);
+        // // set how to process when sliding at the last or first item
+        // // default is AutoScrollViewPager#SLIDE_BORDER_NONE
+        // viewPager.setBorderProcessWhenSlide(AutoScrollViewPager.SLIDE_BORDER_CYCLE);
+        // viewPager.setScrollDurationFactor(3);
+        // viewPager.setBorderAnimation(false);
+
+        innerViewPagerDemo = (Button)findViewById(R.id.auto_scroll_view_pager_inner);
+        innerViewPagerDemo.setOnClickListener(new OnClickListener() {
 
             @Override
             public void onClick(View v) {
                 startActivity(new Intent(context, AutoScrollViewPagerInnerDemo.class));
-
             }
         });
     }
+
+    @Override
+    protected void onPause() {
+        super.onPause();
+        // stop auto scroll when onPause
+        viewPager.stopAutoScroll();
+    }
+
+    @Override
+    protected void onResume() {
+        super.onResume();
+        // start auto scroll when onResume
+        viewPager.startAutoScroll();
+    }
 }
diff --git a/src/cn/trinea/android/demo/AutoScrollViewPagerInnerDemo.java b/src/cn/trinea/android/demo/AutoScrollViewPagerInnerDemo.java
index cd1f692..3f7e97a 100644
--- a/src/cn/trinea/android/demo/AutoScrollViewPagerInnerDemo.java
+++ b/src/cn/trinea/android/demo/AutoScrollViewPagerInnerDemo.java
@@ -3,39 +3,51 @@
 import java.util.ArrayList;
 import java.util.List;
 
+import android.content.Intent;
 import android.os.Bundle;
 import android.support.v4.app.Fragment;
 import android.support.v4.app.FragmentManager;
 import android.support.v4.app.FragmentPagerAdapter;
+import android.support.v4.content.LocalBroadcastManager;
 import android.support.v4.view.ViewPager;
+import android.support.v4.view.ViewPager.OnPageChangeListener;
+import cn.trinea.android.common.util.ListUtils;
 
 /**
- * AutoScrollViewPagerSingleDemo
+ * AutoScrollViewPagerInnerDemo
  * 
  * @author <a href="http://www.trinea.cn" target="_blank">Trinea</a> 2014-2-22
  */
 public class AutoScrollViewPagerInnerDemo extends BaseFragmentActivity {
 
-    private static int TOTAL_COUNT = 3;
+    private static int         TOTAL_COUNT              = 3;
+    public final static String ACTION_FRAGMENT_SELECTED = "cn.trinea.android.demo.ACTION_FRAGMENT_SELECTED";
+    public static final String EXTRA_SELECTED_POSITION  = "selected_position";
+    public static final String EXTRA_INDEX              = "index";
+    public static final String EXTRA_TITLE              = "title";
 
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState, R.layout.view_pager_demo);
 
-        ViewPager vp = (ViewPager)findViewById(R.id.view_pager);
+        ViewPager viewPager = (ViewPager)findViewById(R.id.view_pager);
         List<Fragment> fragmentList = new ArrayList<Fragment>();
         List<String> titleList = new ArrayList<String>();
         for (int i = 0; i < TOTAL_COUNT; i++) {
             ImagePagerFragment viewPagerFragment1 = new ImagePagerFragment();
             Bundle bundle = new Bundle();
-            bundle.putInt("index", i);
+            bundle.putInt(EXTRA_INDEX, i);
             viewPagerFragment1.setArguments(bundle);
-            titleList.add("title " + i);
+            titleList.add(EXTRA_TITLE + i);
             fragmentList.add(viewPagerFragment1);
         }
 
-        vp.setAdapter(new myPagerAdapter(getSupportFragmentManager(), fragmentList, titleList));
-        vp.setCurrentItem(1);
+        viewPager.setAdapter(new myPagerAdapter(getSupportFragmentManager(), fragmentList, titleList));
+        viewPager.setOnPageChangeListener(new MyOnPageChangeListener());
+
+        int defaultPosition = 1;
+        viewPager.setCurrentItem(defaultPosition);
+        sendSelectedBroadcast(defaultPosition);
     }
 
     /**
@@ -55,8 +67,8 @@ public myPagerAdapter(FragmentManager fm, List<Fragment> fragmentList, List<Stri
         }
 
         @Override
-        public Fragment getItem(int arg0) {
-            return (fragmentList == null || fragmentList.size() == 0) ? null : fragmentList.get(arg0);
+        public Fragment getItem(int index) {
+            return ListUtils.getSize(fragmentList) == 0 ? null : fragmentList.get(index);
         }
 
         @Override
@@ -66,7 +78,32 @@ public CharSequence getPageTitle(int position) {
 
         @Override
         public int getCount() {
-            return fragmentList == null ? 0 : fragmentList.size();
+            return ListUtils.getSize(fragmentList);
         }
     }
+
+    /**
+     * send broadcast that selected fragment have changed, to tell child ViewPager to start or stop auto scroll
+     * 
+     * @param position
+     */
+    private void sendSelectedBroadcast(int position) {
+        Intent i = new Intent(ACTION_FRAGMENT_SELECTED);
+        i.putExtra(EXTRA_SELECTED_POSITION, position);
+        LocalBroadcastManager.getInstance(context).sendBroadcast(i);
+    }
+
+    public class MyOnPageChangeListener implements OnPageChangeListener {
+
+        @Override
+        public void onPageSelected(int position) {
+            sendSelectedBroadcast(position);
+        }
+
+        @Override
+        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}
+
+        @Override
+        public void onPageScrollStateChanged(int arg0) {}
+    }
 }
diff --git a/src/cn/trinea/android/demo/AutoScrollViewPagerSingleDemo.java b/src/cn/trinea/android/demo/AutoScrollViewPagerSingleDemo.java
deleted file mode 100644
index edbb30d..0000000
--- a/src/cn/trinea/android/demo/AutoScrollViewPagerSingleDemo.java
+++ /dev/null
@@ -1,85 +0,0 @@
-package cn.trinea.android.demo;
-
-import java.util.ArrayList;
-import java.util.List;
-
-import android.os.Bundle;
-import android.support.v4.view.ViewPager.OnPageChangeListener;
-import android.widget.TextView;
-import cn.trinea.android.demo.adapter.ImagePagerAdapter;
-import cn.trinea.android.view.autoscrollviewpager.AutoScrollViewPager;
-
-/**
- * AutoScrollViewPagerSingleDemo
- * 
- * @author <a href="http://www.trinea.cn" target="_blank">Trinea</a> 2014-2-22
- */
-public class AutoScrollViewPagerSingleDemo extends BaseActivity {
-
-    private AutoScrollViewPager viewPager;
-    private TextView            indexText;
-
-    private List<Integer>       imageIdList;
-
-    @Override
-    protected void onCreate(Bundle savedInstanceState) {
-        super.onCreate(savedInstanceState, R.layout.auto_scroll_view_pager_single_demo);
-
-        viewPager = (AutoScrollViewPager)findViewById(R.id.view_pager);
-        indexText = (TextView)findViewById(R.id.view_pager_index);
-
-        imageIdList = new ArrayList<Integer>();
-        imageIdList.add(R.drawable.banner1);
-        imageIdList.add(R.drawable.banner2);
-        imageIdList.add(R.drawable.banner3);
-        imageIdList.add(R.drawable.banner4);
-        viewPager.setAdapter(new ImagePagerAdapter(context, imageIdList));
-        viewPager.setOnPageChangeListener(new MyOnPageChangeListener());
-        indexText.setText(new StringBuilder().append("1/").append(imageIdList.size()));
-
-        viewPager.setInterval(2000);
-        viewPager.startAutoScroll();
-
-        // the more properties whose you can set
-        // // set whether stop auto scroll when touching, default is true
-        // viewPager.setStopScrollWhenTouch(false);
-        // // set whether automatic cycle when auto scroll reaching the last or first item
-        // // default is true
-        // viewPager.setCycle(false);
-        // /** set auto scroll direction, default is AutoScrollViewPager#RIGHT **/
-        // viewPager.setDirection(AutoScrollViewPager.LEFT);
-        // // set how to process when sliding at the last or first item
-        // // default is AutoScrollViewPager#SLIDE_BORDER_NONE
-        // viewPager.setBorderProcessWhenSlide(AutoScrollViewPager.SLIDE_BORDER_CYCLE);
-        // viewPager.setScrollDurationFactor(3);
-        // viewPager.setBorderAnimation(false);
-    }
-
-    @Override
-    protected void onPause() {
-        super.onPause();
-        // stop auto scroll when onPause
-        viewPager.stopAutoScroll();
-    }
-
-    @Override
-    protected void onResume() {
-        super.onResume();
-        // start auto scroll when onResume
-        viewPager.startAutoScroll();
-    }
-
-    public class MyOnPageChangeListener implements OnPageChangeListener {
-
-        @Override
-        public void onPageSelected(int position) {
-            indexText.setText(new StringBuilder().append(position + 1).append("/").append(imageIdList.size()));
-        }
-
-        @Override
-        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}
-
-        @Override
-        public void onPageScrollStateChanged(int arg0) {}
-    }
-}
diff --git a/src/cn/trinea/android/demo/ImagePagerFragment.java b/src/cn/trinea/android/demo/ImagePagerFragment.java
index f2d5085..b183130 100644
--- a/src/cn/trinea/android/demo/ImagePagerFragment.java
+++ b/src/cn/trinea/android/demo/ImagePagerFragment.java
@@ -3,17 +3,21 @@
 import java.util.ArrayList;
 import java.util.List;
 
+import android.content.BroadcastReceiver;
+import android.content.Context;
+import android.content.Intent;
+import android.content.IntentFilter;
 import android.os.Bundle;
 import android.support.v4.app.Fragment;
-import android.support.v4.view.ViewPager.OnPageChangeListener;
-import android.util.Log;
+import android.support.v4.content.LocalBroadcastManager;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
-import android.widget.TextView;
 import cn.trinea.android.demo.adapter.ImagePagerAdapter;
 import cn.trinea.android.view.autoscrollviewpager.AutoScrollViewPager;
 
+import com.viewpagerindicator.CirclePageIndicator;
+
 /**
  * ImagePagerFragment
  * 
@@ -21,57 +25,73 @@
  */
 public class ImagePagerFragment extends Fragment {
 
-    private AutoScrollViewPager viewPager;
-    private TextView            indexText;
-
-    private List<Integer>       imageIdList;
+    private Context               context;
+    private AutoScrollViewPager   viewPager;
+    private CirclePageIndicator   indicator;
 
-    public ImagePagerFragment() {
-        super();
-    }
+    private int                   index;
+    private ScrollControlReceiver scrollControlReceiver;
 
     @Override
     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
-        View v = inflater.inflate(R.layout.auto_scroll_view_pager_inner_fragment_demo, container, false);
+        context = getActivity().getApplicationContext();
 
+        View v = inflater.inflate(R.layout.auto_scroll_view_pager_inner_fragment_demo, container, false);
         viewPager = (AutoScrollViewPager)v.findViewById(R.id.view_pager);
-        indexText = (TextView)v.findViewById(R.id.view_pager_index);
+        indicator = (CirclePageIndicator)v.findViewById(R.id.indicator);
 
-        imageIdList = new ArrayList<Integer>();
+        List<Integer> imageIdList = new ArrayList<Integer>();
         imageIdList.add(R.drawable.banner1);
         imageIdList.add(R.drawable.banner2);
         imageIdList.add(R.drawable.banner3);
         imageIdList.add(R.drawable.banner4);
         viewPager.setAdapter(new ImagePagerAdapter(getActivity().getApplicationContext(), imageIdList));
-        viewPager.setOnPageChangeListener(new MyOnPageChangeListener());
-        indexText.setText(new StringBuilder().append("1/").append(imageIdList.size()));
+        indicator.setViewPager(viewPager);
+
+        viewPager.setInterval(2000);
+        viewPager.setSlideBorderMode(AutoScrollViewPager.SLIDE_BORDER_MODE_TO_PARENT);
 
         Bundle bundle = getArguments();
-        int index = 0;
         if (bundle != null) {
-            index = bundle.getInt("index");
+            index = bundle.getInt(AutoScrollViewPagerInnerDemo.EXTRA_INDEX);
         }
 
-        if (index == 1) {
-            viewPager.setInterval(2000);
-            viewPager.startAutoScroll();
-            viewPager.setSlideBorderMode(AutoScrollViewPager.SLIDE_BORDER_MODE_CYCLE);
-        }
         return v;
     }
 
-    public class MyOnPageChangeListener implements OnPageChangeListener {
+    @Override
+    public void onStart() {
+        super.onStart();
+
+        // receive broadcast that selected fragment have changed, to start or stop auto scroll ViewPager
+        scrollControlReceiver = new ScrollControlReceiver();
+        LocalBroadcastManager.getInstance(context).registerReceiver(scrollControlReceiver,
+                new IntentFilter(AutoScrollViewPagerInnerDemo.ACTION_FRAGMENT_SELECTED));
+    }
 
-        @Override
-        public void onPageSelected(int position) {
-            Log.i("image", "touch:" + position);
-            indexText.setText(new StringBuilder().append(position + 1).append("/").append(imageIdList.size()));
-        }
+    @Override
+    public void onStop() {
+        LocalBroadcastManager.getInstance(context).unregisterReceiver(scrollControlReceiver);
+        super.onStop();
+    }
 
-        @Override
-        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}
+    /**
+     * ScrollControlReceiver
+     * 
+     * @author <a href="http://www.trinea.cn" target="_blank">Trinea</a> 2014年4月26日
+     */
+    private class ScrollControlReceiver extends BroadcastReceiver {
 
         @Override
-        public void onPageScrollStateChanged(int arg0) {}
+        public void onReceive(Context context, Intent intent) {
+            if (intent != null) {
+                int selectedPosition = intent.getIntExtra(AutoScrollViewPagerInnerDemo.EXTRA_SELECTED_POSITION, 0);
+                if (index == selectedPosition) {
+                    viewPager.startAutoScroll();
+                } else {
+                    viewPager.stopAutoScroll();
+                }
+            }
+        }
     }
 }
diff --git a/src/cn/trinea/android/demo/ImageSDCardCacheDemo.java b/src/cn/trinea/android/demo/ImageSDCardCacheDemo.java
index 6aea934..dba54b7 100644
--- a/src/cn/trinea/android/demo/ImageSDCardCacheDemo.java
+++ b/src/cn/trinea/android/demo/ImageSDCardCacheDemo.java
@@ -77,8 +77,6 @@ protected void onDestroy() {
         /** init image cache **/
         OnImageSDCallbackListener imageCallBack = new OnImageSDCallbackListener() {
 
-            private static final long serialVersionUID = 1L;
-
             /**
              * callback function after get image successfully, run on ui thread
              * 
diff --git a/src/cn/trinea/android/demo/SearchViewDemo.java b/src/cn/trinea/android/demo/SearchViewDemo.java
index b8d73f6..354b954 100644
--- a/src/cn/trinea/android/demo/SearchViewDemo.java
+++ b/src/cn/trinea/android/demo/SearchViewDemo.java
@@ -12,7 +12,6 @@
 import android.os.Bundle;
 import android.os.Handler;
 import android.os.Message;
-import android.view.Display;
 import android.view.Gravity;
 import android.view.LayoutInflater;
 import android.view.View;
@@ -89,7 +88,6 @@ public boolean onQueryTextChange(String newText) {
                 return true;
             }
         });
-        Display display = getWindowManager().getDefaultDisplay();
         LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT,
                 Gravity.CENTER_VERTICAL | Gravity.RIGHT);
         bar.setCustomView(customActionBarView, params);