diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..fd207e1
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,226 @@
+# Created by .ignore support plugin (hsz.mobi)
+### Android template
+# Built application files
+*.apk
+*.ap_
+
+# Files for the ART/Dalvik VM
+*.dex
+
+# Java class files
+*.class
+
+# Generated files
+bin/
+gen/
+out/
+
+# Gradle files
+.gradle/
+build/
+
+# Local configuration file (sdk path, etc)
+local.properties
+
+# Proguard folder generated by Eclipse
+proguard/
+
+# Log Files
+*.log
+
+# Android Studio Navigation editor temp files
+.navigation/
+
+# Android Studio captures folder
+captures/
+
+# IntelliJ
+*.iml
+.idea/workspace.xml
+.idea/tasks.xml
+.idea/gradle.xml
+.idea/dictionaries
+.idea/libraries
+.idea/modules.xml
+app/build
+# Keystore files
+# Uncomment the following line if you do not want to check your keystore files in.
+#*.jks
+
+# External native build folder generated in Android Studio 2.2 and later
+.externalNativeBuild
+
+# Google Services (e.g. APIs or Firebase)
+google-services.json
+
+# Freeline
+freeline.py
+freeline/
+freeline_project_description.json
+### Kotlin template
+# Compiled class file
+
+# Log file
+
+# BlueJ files
+*.ctxt
+
+# Mobile Tools for Java (J2ME)
+.mtj.tmp/
+
+# Package Files #
+*.war
+*.ear
+*.zip
+*.tar.gz
+*.rar
+
+# virtual machine crash logs, see http://www.java.com/en/download/help/error_hotspot.xml
+hs_err_pid*
+### JetBrains template
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and Webstorm
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# CMake
+cmake-build-debug/
+
+
+## File-based project format:
+*.iws
+
+## Plugin-specific files:
+
+# IntelliJ
+
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+fabric.properties
+vcs.xml
+
+workspace.xml
+### JetBrains template
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and Webstorm
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff:
+
+# Sensitive or high-churn files:
+
+# Gradle:
+
+# CMake
+cmake-build-release/
+
+# Mongo Explorer plugin:
+
+## File-based project format:
+
+## Plugin-specific files:
+
+# IntelliJ
+
+# mpeltonen/sbt-idea plugin
+
+# JIRA plugin
+
+# Cursive Clojure plugin
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+### Android template
+# Built application files
+
+# Files for the ART/Dalvik VM
+
+# Java class files
+
+# Generated files
+
+# Gradle files
+
+# Local configuration file (sdk path, etc)
+
+# Proguard folder generated by Eclipse
+
+# Log Files
+
+# Android Studio Navigation editor temp files
+
+# Android Studio captures folder
+
+# IntelliJ
+
+# Keystore files
+# Uncomment the following line if you do not want to check your keystore files in.
+#*.jks
+
+# External native build folder generated in Android Studio 2.2 and later
+
+# Google Services (e.g. APIs or Firebase)
+
+# Freeline
+### JetBrains template
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and Webstorm
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff:
+
+# Sensitive or high-churn files:
+
+# Gradle:
+
+# CMake
+
+# Mongo Explorer plugin:
+
+## File-based project format:
+
+## Plugin-specific files:
+
+# IntelliJ
+
+# mpeltonen/sbt-idea plugin
+
+# JIRA plugin
+
+# Cursive Clojure plugin
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+### Android template
+# Built application files
+
+# Files for the ART/Dalvik VM
+
+# Java class files
+
+# Generated files
+
+# Gradle files
+
+# Local configuration file (sdk path, etc)
+
+# Proguard folder generated by Eclipse
+
+# Log Files
+
+# Android Studio Navigation editor temp files
+
+# Android Studio captures folder
+
+# IntelliJ
+
+# Keystore files
+# Uncomment the following line if you do not want to check your keystore files in.
+#*.jks
+
+# External native build folder generated in Android Studio 2.2 and later
+
+# Google Services (e.g. APIs or Firebase)
+
+.idea
\ No newline at end of file
diff --git a/app/.gitignore b/app/.gitignore
new file mode 100644
index 0000000..796b96d
--- /dev/null
+++ b/app/.gitignore
@@ -0,0 +1 @@
+/build
diff --git a/app/build.gradle b/app/build.gradle
new file mode 100644
index 0000000..deb3e99
--- /dev/null
+++ b/app/build.gradle
@@ -0,0 +1,34 @@
+apply plugin: 'com.android.application'
+
+apply plugin: 'kotlin-android'
+
+apply plugin: 'kotlin-android-extensions'
+
+android {
+    compileSdkVersion 28
+    defaultConfig {
+        applicationId "com.kodmap.app.kmpopupslider"
+        minSdkVersion 16
+        targetSdkVersion 28
+        versionCode 1
+        versionName "1.0"
+        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
+    }
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
+        }
+    }
+}
+
+dependencies {
+    implementation fileTree(include: ['*.jar'], dir: 'libs')
+    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
+    implementation 'com.android.support:appcompat-v7:28.0.0'
+    implementation 'com.android.support.constraint:constraint-layout:1.1.3'
+    testImplementation 'junit:junit:4.12'
+    androidTestImplementation 'com.android.support.test:runner:1.0.2'
+    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
+    implementation project(':library')
+}
diff --git a/app/proguard-rules.pro b/app/proguard-rules.pro
new file mode 100644
index 0000000..f1b4245
--- /dev/null
+++ b/app/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
diff --git a/app/src/androidTest/java/com/kodmap/app/kmpopupslider/ExampleInstrumentedTest.kt b/app/src/androidTest/java/com/kodmap/app/kmpopupslider/ExampleInstrumentedTest.kt
new file mode 100644
index 0000000..1833a47
--- /dev/null
+++ b/app/src/androidTest/java/com/kodmap/app/kmpopupslider/ExampleInstrumentedTest.kt
@@ -0,0 +1,24 @@
+package com.kodmap.app.kmpopupslider
+
+import android.support.test.InstrumentationRegistry
+import android.support.test.runner.AndroidJUnit4
+
+import org.junit.Test
+import org.junit.runner.RunWith
+
+import org.junit.Assert.*
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getTargetContext()
+        assertEquals("com.kodmap.app.kmpopupslider", appContext.packageName)
+    }
+}
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..4350709
--- /dev/null
+++ b/app/src/main/AndroidManifest.xml
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="com.kodmap.app.kmpopupslider">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+
+    <application
+        android:allowBackup="true"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:roundIcon="@mipmap/ic_launcher_round"
+        android:supportsRtl="true"
+        android:theme="@style/AppTheme">
+        <activity android:name=".MainActivity">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+        <activity android:name=".test.TestActivity"></activity>
+    </application>
+
+</manifest>
\ No newline at end of file
diff --git a/app/src/main/java/com/kodmap/app/kmpopupslider/MainActivity.kt b/app/src/main/java/com/kodmap/app/kmpopupslider/MainActivity.kt
new file mode 100644
index 0000000..aab99b5
--- /dev/null
+++ b/app/src/main/java/com/kodmap/app/kmpopupslider/MainActivity.kt
@@ -0,0 +1,60 @@
+package com.kodmap.app.kmpopupslider
+
+import android.os.Bundle
+import android.support.v4.content.ContextCompat
+import android.support.v7.app.AppCompatActivity
+import android.view.View
+import android.widget.Button
+import com.kodmap.app.library.PopopDialogBuilder
+import com.kodmap.app.library.constant.ScaleType
+import com.kodmap.app.library.model.BaseItem
+
+class MainActivity : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.activity_main)
+
+        val drawableList = arrayListOf<Int>()
+        drawableList.add(R.drawable.drawable1)
+        drawableList.add(R.drawable.drawable2)
+        drawableList.add(R.drawable.drawable3)
+        drawableList.add(R.drawable.drawable4)
+        drawableList.add(R.drawable.drawable5)
+
+        val urlList = arrayListOf<String>()
+        for (i in 0..10000) {
+            urlList.add("https://via.placeholder.com/800x1000/$i/0.png&text=Url+Image+$i")
+        }
+
+        val baseItemList = arrayListOf<BaseItem>()
+        for (i in 0..10) {
+            if (i % 2 == 0) {
+                baseItemList.add(BaseItem(imageUrl = urlList[i]))
+            } else {
+                baseItemList.add(BaseItem(drawableId = drawableList[i % 5]))
+            }
+        }
+
+
+        val button = findViewById<Button>(R.id.showDialog)
+        button.setOnClickListener(object : View.OnClickListener {
+            override fun onClick(v: View?) {
+                PopopDialogBuilder(this@MainActivity)
+                        .setList(urlList)
+                        .setHeaderBackgroundColor(android.R.color.holo_blue_light)
+                        .setDialogBackgroundColor(R.color.color_dialog_bg)
+                        .setCloseDrawable(ContextCompat.getDrawable(this@MainActivity, R.drawable.ic_close_white_24dp)!!)
+                        .setLoadingView(R.layout.loading_view)
+                        .setDialogStyle(R.style.DialogStyle)
+                        .showThumbSlider(true)
+                        .setSliderImageScaleType(ScaleType.FIT_XY)
+                        .setSelectorIndicator(R.drawable.sample_indicator_selector)
+                        .build()
+                        .show();
+            }
+        })
+
+
+    }
+}
diff --git a/app/src/main/res/drawable-v24/ic_launcher_foreground.xml b/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
new file mode 100644
index 0000000..c7bd21d
--- /dev/null
+++ b/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
@@ -0,0 +1,34 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportHeight="108"
+    android:viewportWidth="108">
+    <path
+        android:fillType="evenOdd"
+        android:pathData="M32,64C32,64 38.39,52.99 44.13,50.95C51.37,48.37 70.14,49.57 70.14,49.57L108.26,87.69L108,109.01L75.97,107.97L32,64Z"
+        android:strokeColor="#00000000"
+        android:strokeWidth="1">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="78.5885"
+                android:endY="90.9159"
+                android:startX="48.7653"
+                android:startY="61.0927"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        android:pathData="M66.94,46.02L66.94,46.02C72.44,50.07 76,56.61 76,64L32,64C32,56.61 35.56,50.11 40.98,46.06L36.18,41.19C35.45,40.45 35.45,39.3 36.18,38.56C36.91,37.81 38.05,37.81 38.78,38.56L44.25,44.05C47.18,42.57 50.48,41.71 54,41.71C57.48,41.71 60.78,42.57 63.68,44.05L69.11,38.56C69.84,37.81 70.98,37.81 71.71,38.56C72.44,39.3 72.44,40.45 71.71,41.19L66.94,46.02ZM62.94,56.92C64.08,56.92 65,56.01 65,54.88C65,53.76 64.08,52.85 62.94,52.85C61.8,52.85 60.88,53.76 60.88,54.88C60.88,56.01 61.8,56.92 62.94,56.92ZM45.06,56.92C46.2,56.92 47.13,56.01 47.13,54.88C47.13,53.76 46.2,52.85 45.06,52.85C43.92,52.85 43,53.76 43,54.88C43,56.01 43.92,56.92 45.06,56.92Z"
+        android:strokeColor="#00000000"
+        android:strokeWidth="1" />
+</vector>
diff --git a/app/src/main/res/drawable/drawable1.png b/app/src/main/res/drawable/drawable1.png
new file mode 100644
index 0000000..3850d75
Binary files /dev/null and b/app/src/main/res/drawable/drawable1.png differ
diff --git a/app/src/main/res/drawable/drawable2.png b/app/src/main/res/drawable/drawable2.png
new file mode 100644
index 0000000..932718f
Binary files /dev/null and b/app/src/main/res/drawable/drawable2.png differ
diff --git a/app/src/main/res/drawable/drawable3.png b/app/src/main/res/drawable/drawable3.png
new file mode 100644
index 0000000..d9724a5
Binary files /dev/null and b/app/src/main/res/drawable/drawable3.png differ
diff --git a/app/src/main/res/drawable/drawable4.png b/app/src/main/res/drawable/drawable4.png
new file mode 100644
index 0000000..0d2e6ff
Binary files /dev/null and b/app/src/main/res/drawable/drawable4.png differ
diff --git a/app/src/main/res/drawable/drawable5.png b/app/src/main/res/drawable/drawable5.png
new file mode 100644
index 0000000..084cec0
Binary files /dev/null and b/app/src/main/res/drawable/drawable5.png differ
diff --git a/app/src/main/res/drawable/ic_launcher_background.xml b/app/src/main/res/drawable/ic_launcher_background.xml
new file mode 100644
index 0000000..d5fccc5
--- /dev/null
+++ b/app/src/main/res/drawable/ic_launcher_background.xml
@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportHeight="108"
+    android:viewportWidth="108">
+    <path
+        android:fillColor="#26A69A"
+        android:pathData="M0,0h108v108h-108z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9,0L9,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,0L19,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,0L29,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,0L39,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,0L49,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,0L59,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,0L69,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,0L79,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M89,0L89,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M99,0L99,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,9L108,9"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,19L108,19"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,29L108,29"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,39L108,39"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,49L108,49"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,59L108,59"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,69L108,69"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,79L108,79"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,89L108,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,99L108,99"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,29L89,29"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,39L89,39"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,49L89,49"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,59L89,59"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,69L89,69"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,79L89,79"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,19L29,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,19L39,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,19L49,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,19L59,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,19L69,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,19L79,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+</vector>
diff --git a/app/src/main/res/drawable/sample_indicator_selector.xml b/app/src/main/res/drawable/sample_indicator_selector.xml
new file mode 100644
index 0000000..147a65c
--- /dev/null
+++ b/app/src/main/res/drawable/sample_indicator_selector.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:drawable="@drawable/sample_selected_indicator" android:state_selected="true" />
+
+    <item android:drawable="@drawable/sample_unselected_indicator" />
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/sample_selected_indicator.xml b/app/src/main/res/drawable/sample_selected_indicator.xml
new file mode 100644
index 0000000..ca1d202
--- /dev/null
+++ b/app/src/main/res/drawable/sample_selected_indicator.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape
+            android:innerRadius="0dp"
+            android:shape="ring"
+            android:thickness="6dp"
+            android:useLevel="false">
+            <solid android:color="@android:color/holo_blue_dark" />
+        </shape>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/sample_unselected_indicator.xml b/app/src/main/res/drawable/sample_unselected_indicator.xml
new file mode 100644
index 0000000..f2eecf3
--- /dev/null
+++ b/app/src/main/res/drawable/sample_unselected_indicator.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape
+            android:innerRadius="0dp"
+            android:shape="ring"
+            android:thickness="4dp"
+            android:useLevel="false">
+            <solid android:color="@android:color/darker_gray" />
+        </shape>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
new file mode 100644
index 0000000..817b873
--- /dev/null
+++ b/app/src/main/res/layout/activity_main.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".MainActivity">
+
+    <Button
+        android:id="@+id/showDialog"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_centerInParent="true"
+        android:layout_margin="16dp"
+        android:padding="16dp"
+        android:text="SHOW DIALOG" />
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/loading_view.xml b/app/src/main/res/layout/loading_view.xml
new file mode 100644
index 0000000..6ea4578
--- /dev/null
+++ b/app/src/main/res/layout/loading_view.xml
@@ -0,0 +1,10 @@
+<?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">
+
+    <ProgressBar
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:indeterminate="true" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml b/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
new file mode 100644
index 0000000..eca70cf
--- /dev/null
+++ b/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
\ No newline at end of file
diff --git a/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml b/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
new file mode 100644
index 0000000..eca70cf
--- /dev/null
+++ b/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
\ No newline at end of file
diff --git a/app/src/main/res/mipmap-hdpi/ic_launcher.png b/app/src/main/res/mipmap-hdpi/ic_launcher.png
new file mode 100644
index 0000000..a2f5908
Binary files /dev/null and b/app/src/main/res/mipmap-hdpi/ic_launcher.png differ
diff --git a/app/src/main/res/mipmap-hdpi/ic_launcher_round.png b/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
new file mode 100644
index 0000000..1b52399
Binary files /dev/null and b/app/src/main/res/mipmap-hdpi/ic_launcher_round.png differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_launcher.png b/app/src/main/res/mipmap-mdpi/ic_launcher.png
new file mode 100644
index 0000000..ff10afd
Binary files /dev/null and b/app/src/main/res/mipmap-mdpi/ic_launcher.png differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_launcher_round.png b/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
new file mode 100644
index 0000000..115a4c7
Binary files /dev/null and b/app/src/main/res/mipmap-mdpi/ic_launcher_round.png differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/app/src/main/res/mipmap-xhdpi/ic_launcher.png
new file mode 100644
index 0000000..dcd3cd8
Binary files /dev/null and b/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png b/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..459ca60
Binary files /dev/null and b/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
new file mode 100644
index 0000000..8ca12fe
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png b/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..8e19b41
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png differ
diff --git a/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
new file mode 100644
index 0000000..b824ebd
Binary files /dev/null and b/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ
diff --git a/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..4c19a13
Binary files /dev/null and b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png differ
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
new file mode 100644
index 0000000..3ab3e9c
--- /dev/null
+++ b/app/src/main/res/values/colors.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="colorPrimary">#3F51B5</color>
+    <color name="colorPrimaryDark">#303F9F</color>
+    <color name="colorAccent">#FF4081</color>
+</resources>
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
new file mode 100644
index 0000000..2a1ce8b
--- /dev/null
+++ b/app/src/main/res/values/strings.xml
@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">KM Popup Slider</string>
+</resources>
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
new file mode 100644
index 0000000..9e8cb84
--- /dev/null
+++ b/app/src/main/res/values/styles.xml
@@ -0,0 +1,20 @@
+<resources>
+
+    <!-- Base application theme. -->
+    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
+        <!-- Customize your theme here. -->
+        <item name="colorPrimary">@color/colorPrimary</item>
+        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
+        <item name="colorAccent">@color/colorAccent</item>
+    </style>
+
+    <style name="DialogStyle" parent="KmPopupDialog">
+        <item name="android:windowAnimationStyle">@style/DialogTransition</item>
+    </style>
+
+    <style name="DialogTransition">
+        <item name="android:windowEnterAnimation">@android:anim/fade_in</item>
+        <item name="android:windowExitAnimation">@android:anim/fade_out</item>
+    </style>
+
+</resources>
diff --git a/app/src/test/java/com/kodmap/app/kmpopupslider/ExampleUnitTest.kt b/app/src/test/java/com/kodmap/app/kmpopupslider/ExampleUnitTest.kt
new file mode 100644
index 0000000..87ec404
--- /dev/null
+++ b/app/src/test/java/com/kodmap/app/kmpopupslider/ExampleUnitTest.kt
@@ -0,0 +1,17 @@
+package com.kodmap.app.kmpopupslider
+
+import org.junit.Test
+
+import org.junit.Assert.*
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
diff --git a/build.gradle b/build.gradle
new file mode 100644
index 0000000..2312c68
--- /dev/null
+++ b/build.gradle
@@ -0,0 +1,27 @@
+// Top-level build file where you can add configuration options common to all sub-projects/modules.
+
+buildscript {
+    ext.kotlin_version = '1.2.60'
+    repositories {
+        google()
+        jcenter()
+    }
+    dependencies {
+        classpath 'com.android.tools.build:gradle:3.2.1'
+        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
+
+        // NOTE: Do not place your application dependencies here; they belong
+        // in the individual module build.gradle files
+    }
+}
+
+allprojects {
+    repositories {
+        google()
+        jcenter()
+    }
+}
+
+task clean(type: Delete) {
+    delete rootProject.buildDir
+}
diff --git a/gradle.properties b/gradle.properties
new file mode 100644
index 0000000..743d692
--- /dev/null
+++ b/gradle.properties
@@ -0,0 +1,13 @@
+# Project-wide Gradle settings.
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+org.gradle.jvmargs=-Xmx1536m
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. More details, visit
+# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
+# org.gradle.parallel=true
diff --git a/gradle/wrapper/gradle-wrapper.jar b/gradle/wrapper/gradle-wrapper.jar
new file mode 100644
index 0000000..7a3265e
Binary files /dev/null and b/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties
new file mode 100644
index 0000000..e3c4ef7
--- /dev/null
+++ b/gradle/wrapper/gradle-wrapper.properties
@@ -0,0 +1,6 @@
+#Wed Oct 17 22:09:25 EET 2018
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-4.6-all.zip
diff --git a/gradlew b/gradlew
new file mode 100755
index 0000000..cccdd3d
--- /dev/null
+++ b/gradlew
@@ -0,0 +1,172 @@
+#!/usr/bin/env sh
+
+##############################################################################
+##
+##  Gradle start up script for UN*X
+##
+##############################################################################
+
+# Attempt to set APP_HOME
+# Resolve links: $0 may be a link
+PRG="$0"
+# Need this for relative symlinks.
+while [ -h "$PRG" ] ; do
+    ls=`ls -ld "$PRG"`
+    link=`expr "$ls" : '.*-> \(.*\)$'`
+    if expr "$link" : '/.*' > /dev/null; then
+        PRG="$link"
+    else
+        PRG=`dirname "$PRG"`"/$link"
+    fi
+done
+SAVED="`pwd`"
+cd "`dirname \"$PRG\"`/" >/dev/null
+APP_HOME="`pwd -P`"
+cd "$SAVED" >/dev/null
+
+APP_NAME="Gradle"
+APP_BASE_NAME=`basename "$0"`
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS=""
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD="maximum"
+
+warn () {
+    echo "$*"
+}
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+}
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "`uname`" in
+  CYGWIN* )
+    cygwin=true
+    ;;
+  Darwin* )
+    darwin=true
+    ;;
+  MINGW* )
+    msys=true
+    ;;
+  NONSTOP* )
+    nonstop=true
+    ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD="$JAVA_HOME/jre/sh/java"
+    else
+        JAVACMD="$JAVA_HOME/bin/java"
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD="java"
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
+    MAX_FD_LIMIT=`ulimit -H -n`
+    if [ $? -eq 0 ] ; then
+        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
+            MAX_FD="$MAX_FD_LIMIT"
+        fi
+        ulimit -n $MAX_FD
+        if [ $? -ne 0 ] ; then
+            warn "Could not set maximum file descriptor limit: $MAX_FD"
+        fi
+    else
+        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
+    fi
+fi
+
+# For Darwin, add options to specify how the application appears in the dock
+if $darwin; then
+    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
+fi
+
+# For Cygwin, switch paths to Windows format before running java
+if $cygwin ; then
+    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
+    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
+    JAVACMD=`cygpath --unix "$JAVACMD"`
+
+    # We build the pattern for arguments to be converted via cygpath
+    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
+    SEP=""
+    for dir in $ROOTDIRSRAW ; do
+        ROOTDIRS="$ROOTDIRS$SEP$dir"
+        SEP="|"
+    done
+    OURCYGPATTERN="(^($ROOTDIRS))"
+    # Add a user-defined pattern to the cygpath arguments
+    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
+        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
+    fi
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    i=0
+    for arg in "$@" ; do
+        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
+        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
+
+        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
+            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
+        else
+            eval `echo args$i`="\"$arg\""
+        fi
+        i=$((i+1))
+    done
+    case $i in
+        (0) set -- ;;
+        (1) set -- "$args0" ;;
+        (2) set -- "$args0" "$args1" ;;
+        (3) set -- "$args0" "$args1" "$args2" ;;
+        (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+    esac
+fi
+
+# Escape application args
+save () {
+    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
+    echo " "
+}
+APP_ARGS=$(save "$@")
+
+# Collect all arguments for the java command, following the shell quoting and substitution rules
+eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
+
+# by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
+if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
+  cd "$(dirname "$0")"
+fi
+
+exec "$JAVACMD" "$@"
diff --git a/gradlew.bat b/gradlew.bat
new file mode 100644
index 0000000..f955316
--- /dev/null
+++ b/gradlew.bat
@@ -0,0 +1,84 @@
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS=
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto init
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto init
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:init
+@rem Get command-line arguments, handling Windows variants
+
+if not "%OS%" == "Windows_NT" goto win9xME_args
+
+:win9xME_args
+@rem Slurp the command line arguments.
+set CMD_LINE_ARGS=
+set _SKIP=2
+
+:win9xME_args_slurp
+if "x%~1" == "x" goto execute
+
+set CMD_LINE_ARGS=%*
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
diff --git a/library/.gitignore b/library/.gitignore
new file mode 100644
index 0000000..796b96d
--- /dev/null
+++ b/library/.gitignore
@@ -0,0 +1 @@
+/build
diff --git a/library/build.gradle b/library/build.gradle
new file mode 100644
index 0000000..06b6419
--- /dev/null
+++ b/library/build.gradle
@@ -0,0 +1,37 @@
+apply plugin: 'com.android.library'
+apply plugin: 'kotlin-android'
+apply plugin: 'kotlin-android-extensions'
+
+android {
+    compileSdkVersion 28
+    defaultConfig {
+        minSdkVersion 16
+        targetSdkVersion 28
+        versionCode 1
+        versionName "1.0"
+
+        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
+
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
+        }
+    }
+
+}
+
+dependencies {
+    implementation fileTree(dir: 'libs', include: ['*.jar'])
+    //noinspection GradleCompatible
+    implementation 'com.android.support:appcompat-v7:28.0.0'
+    implementation 'com.android.support:design:28.0.0'
+    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:1.2.71"
+    implementation 'com.squareup.picasso:picasso:2.71828'
+
+    testImplementation 'junit:junit:4.12'
+    androidTestImplementation 'com.android.support.test:runner:1.0.2'
+    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
+}
diff --git a/library/proguard-rules.pro b/library/proguard-rules.pro
new file mode 100644
index 0000000..f1b4245
--- /dev/null
+++ b/library/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
diff --git a/library/src/androidTest/java/com/kodmap/app/library/ExampleInstrumentedTest.java b/library/src/androidTest/java/com/kodmap/app/library/ExampleInstrumentedTest.java
new file mode 100644
index 0000000..888877a
--- /dev/null
+++ b/library/src/androidTest/java/com/kodmap/app/library/ExampleInstrumentedTest.java
@@ -0,0 +1,26 @@
+package com.kodmap.app.library;
+
+import android.content.Context;
+import android.support.test.InstrumentationRegistry;
+import android.support.test.runner.AndroidJUnit4;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+
+import static org.junit.Assert.*;
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
+ */
+@RunWith(AndroidJUnit4.class)
+public class ExampleInstrumentedTest {
+    @Test
+    public void useAppContext() {
+        // Context of the app under test.
+        Context appContext = InstrumentationRegistry.getTargetContext();
+
+        assertEquals("com.kodmap.app.library.test", appContext.getPackageName());
+    }
+}
diff --git a/library/src/main/AndroidManifest.xml b/library/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..52dfd0c
--- /dev/null
+++ b/library/src/main/AndroidManifest.xml
@@ -0,0 +1,2 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="com.kodmap.app.library" />
diff --git a/library/src/main/java/com/kodmap/app/library/PopopDialogBuilder.kt b/library/src/main/java/com/kodmap/app/library/PopopDialogBuilder.kt
new file mode 100644
index 0000000..d49bacd
--- /dev/null
+++ b/library/src/main/java/com/kodmap/app/library/PopopDialogBuilder.kt
@@ -0,0 +1,284 @@
+package com.kodmap.app.library
+
+import android.annotation.SuppressLint
+import android.app.Activity
+import android.app.Dialog
+import android.content.Context
+import android.graphics.drawable.ColorDrawable
+import android.graphics.drawable.Drawable
+import android.support.design.widget.TabLayout
+import android.support.v4.content.ContextCompat
+import android.support.v4.view.ViewPager
+import android.support.v7.widget.LinearLayoutManager
+import android.support.v7.widget.RecyclerView
+import android.util.DisplayMetrics
+import android.view.View
+import android.view.ViewGroup
+import android.view.Window
+import android.view.WindowManager
+import android.view.animation.AccelerateDecelerateInterpolator
+import android.widget.ImageView
+import android.widget.RelativeLayout
+import com.kodmap.app.library.adapter.PopupSliderAdapter
+import com.kodmap.app.library.adapter.PopupThumbAdapter
+import com.kodmap.app.library.constant.ListType
+import com.kodmap.app.library.constant.ScaleType
+import com.kodmap.app.library.constant.ScrollType
+import com.kodmap.app.library.listener.AdapterClickListener
+import com.kodmap.app.library.model.BaseItem
+import com.kodmap.app.library.ui.KmViewPager
+
+
+class PopopDialogBuilder(private val mContext: Context) {
+
+    private var isThumbPager = true
+    private var mImageList = mutableListOf<BaseItem>()
+    private var mDialogBgColor: Int = R.color.color_dialog_bg
+    private var mHeaderBgColor: Int = R.color.color_dialog_bg
+    private var mSliderImageScaleType = ScaleType.FIT_CENTER
+    private var mCloseDrawable: Drawable? = ContextCompat.getDrawable(mContext, R.drawable.ic_close_white_24dp)
+    private var mLoadingView: View? = null
+    private var mDialogStyle: Int = R.style.KmPopupDialog
+    private var mSelectorIndicator: Int = R.drawable.indicator_selector
+
+    private lateinit var mAdapterClickListener: AdapterClickListener
+    private lateinit var mDialog: Dialog
+    private lateinit var mSliderAdapter: PopupSliderAdapter
+    private lateinit var mDialogView: View
+    private lateinit var mRvThumb: RecyclerView
+    private lateinit var mImagePager: KmViewPager
+    private lateinit var mThumbAdapter: PopupThumbAdapter
+
+    fun setSelectorIndicator(draw: Int): PopopDialogBuilder {
+        mSelectorIndicator = draw
+        return this
+    }
+
+    fun setDialogStyle(style: Int): PopopDialogBuilder {
+        mDialogStyle = style
+        return this
+    }
+
+    fun setLoadingView(viewId: Int): PopopDialogBuilder {
+        mLoadingView = View.inflate(mContext, viewId, null)
+        if (mLoadingView == null)
+            throw IllegalArgumentException("View could not be inflate")
+        else
+            return this
+    }
+
+    fun setHeaderBackgroundColor(color: Int): PopopDialogBuilder {
+        mHeaderBgColor = color
+        return this
+    }
+
+    fun setCloseDrawable(drawable: Drawable): PopopDialogBuilder {
+        mCloseDrawable = drawable
+        return this
+    }
+
+    fun setSliderImageScaleType(type: ImageView.ScaleType): PopopDialogBuilder {
+        mSliderImageScaleType = type
+        return this
+    }
+
+    fun setDialogBackgroundColor(color: Int): PopopDialogBuilder {
+        this.mDialogBgColor = color
+        return this
+    }
+
+    fun setList(imageList: List<Any>?): PopopDialogBuilder {
+        this.mImageList.clear()
+        if (imageList == null) {
+            throw  IllegalArgumentException("List must not be null")
+        } else if (imageList.isEmpty()) {
+            throw IllegalArgumentException("List must not be empty")
+        } else if (imageList[0] is Int) {
+            fillImageList(imageList, ListType.Drawable)
+            return this
+        } else if (imageList[0] is String) {
+            fillImageList(imageList, ListType.Url)
+            return this
+        } else if (imageList[0] is BaseItem) {
+            fillImageList(imageList, ListType.BaseItem)
+            return this
+        } else {
+            throw IllegalArgumentException("List contains unsupported type. List contains drawable id (Integer)" +
+                    ", image link (String) or BaseItem")
+        }
+    }
+
+    fun showThumbSlider(isShow: Boolean): PopopDialogBuilder {
+        isThumbPager = isShow
+        return this
+    }
+
+    fun build(): Dialog {
+        initListener()
+        initDialogView()
+        initImageViewPager()
+        if (isThumbPager) {
+            initThumbReclerView()
+        } else {
+            initTabLayout()
+        }
+        initHeader()
+        createDialog()
+        return mDialog
+    }
+
+    private fun initTabLayout() {
+        val tabLayout = mDialogView.findViewById<TabLayout>(R.id.tabLayout)
+        tabLayout.visibility = View.VISIBLE
+        tabLayout.setupWithViewPager(mImagePager)
+
+        if (mSelectorIndicator != R.drawable.indicator_selector) {
+            val tabLayoutView = tabLayout.getChildAt(0) as ViewGroup
+            for (i in 0 until tabLayout.tabCount) {
+                val tab = tabLayoutView.getChildAt(i) as View
+                tab.background = ContextCompat.getDrawable(mContext, mSelectorIndicator)
+            }
+        }
+    }
+
+    private fun initHeader() {
+        val headerLayout = mDialogView.findViewById<RelativeLayout>(R.id.headerLayout)
+        headerLayout.setBackgroundColor(ContextCompat.getColor(mContext, mHeaderBgColor))
+
+        val btn_close = mDialogView.findViewById<ImageView>(R.id.iv_close)
+        btn_close.setImageDrawable(mCloseDrawable)
+        btn_close.setOnClickListener {
+            mDialog.dismiss()
+        }
+    }
+
+    private fun initImageViewPager() {
+        mImagePager = mDialogView.findViewById(R.id.viewPager)
+        mSliderAdapter = PopupSliderAdapter()
+        mSliderAdapter.setLoadingView(mLoadingView)
+        mSliderAdapter.setScaleType(mSliderImageScaleType)
+        mImagePager.adapter = mSliderAdapter
+        (mImagePager.adapter as PopupSliderAdapter).setItemList(mImageList)
+        mImagePager.addOnPageChangeListener(object : ViewPager.OnPageChangeListener {
+            override fun onPageScrolled(position: Int, positionOffset: Float, positionOffsetPixels: Int) {}
+
+            override fun onPageSelected(position: Int) {
+                if (isThumbPager) {
+                    setScrollSync(position, ScrollType.PagerScroll)
+                }
+            }
+
+            override fun onPageScrollStateChanged(state: Int) {}
+        })
+    }
+
+    private fun initThumbReclerView() {
+        mThumbAdapter = PopupThumbAdapter(mAdapterClickListener)
+        mRvThumb = mDialogView.findViewById(R.id.rv_thumb)
+        mRvThumb.visibility = View.VISIBLE
+        mImageList[0].isSelected = true
+        mThumbAdapter.setList(mImageList)
+        mThumbAdapter.setLoadingView(mLoadingView)
+        val layoutManager = LinearLayoutManager(mContext)
+        layoutManager.orientation = LinearLayoutManager.HORIZONTAL
+        mRvThumb.layoutManager = layoutManager
+        mRvThumb.adapter = mThumbAdapter
+        mRvThumb.addOnScrollListener(object : RecyclerView.OnScrollListener() {
+            override fun onScrollStateChanged(recyclerView: RecyclerView, newState: Int) {
+                super.onScrollStateChanged(recyclerView, newState)
+                if (newState == RecyclerView.SCROLL_STATE_IDLE) {
+                    val center = mRvThumb.width / 2
+                    val centerView = mRvThumb.findChildViewUnder(center.toFloat(), mRvThumb.left.toFloat())
+                    if (centerView != null) {
+                        val centerPos = mRvThumb.getChildAdapterPosition(centerView)
+                        val firstVisibleItemPosition = (recyclerView.layoutManager as LinearLayoutManager).findFirstVisibleItemPosition()
+                        val lastVisibleItemPosition = (recyclerView.layoutManager as LinearLayoutManager).findLastVisibleItemPosition()
+                        if ((firstVisibleItemPosition != 0 || centerPos < (recyclerView.adapter as PopupThumbAdapter).oldSelectedPosition) && (lastVisibleItemPosition != mImageList.size - 1 || centerPos > (recyclerView.adapter as PopupThumbAdapter).oldSelectedPosition)) {
+                            setScrollSync(centerPos, ScrollType.RecyclerViewScroll)
+                        }
+                    }
+                    mImagePager.setSwipeLocked(false)
+                } else if (newState == RecyclerView.SCROLL_STATE_DRAGGING) {
+                    mImagePager.setSwipeLocked(true)
+                }
+            }
+        })
+    }
+
+    private fun initDialogView() {
+        mDialogView = View.inflate(mContext, R.layout.dialog_popup, null)
+    }
+
+    private fun initListener() {
+        mAdapterClickListener = object : AdapterClickListener {
+            override fun onClick(position: Int) {
+                mImagePager.currentItem = position
+            }
+        }
+    }
+
+    @SuppressLint("ResourceType")
+    private fun createDialog() {
+        mDialog = Dialog(mContext, mDialogStyle)
+        mDialog.requestWindowFeature(Window.FEATURE_NO_TITLE)
+
+        val lp = WindowManager.LayoutParams()
+        val manager = mContext.getSystemService(Activity.WINDOW_SERVICE) as WindowManager
+        val displaymetrics = DisplayMetrics()
+        manager.defaultDisplay.getMetrics(displaymetrics);
+        lp.width = displaymetrics.widthPixels
+        lp.height = displaymetrics.heightPixels
+
+        mDialog.window!!.attributes = lp
+        mDialog.window!!.setBackgroundDrawable(ColorDrawable(ContextCompat.getColor(mContext, mDialogBgColor)))
+
+        mDialog.setContentView(mDialogView)
+        mDialog.setCancelable(true)
+    }
+
+    private fun setScrollSync(position: Int, type: Int) {
+        val prevCenterPos = (mRvThumb.adapter as PopupThumbAdapter).oldSelectedPosition
+        if (prevCenterPos != position) {
+            if (type == ScrollType.RecyclerViewScroll) {
+                val center = mRvThumb.width / 2
+                val centerView = mRvThumb.findChildViewUnder(center.toFloat(), mRvThumb.left.toFloat())
+                mRvThumb.smoothScrollBy(centerView!!.left - center + centerView.width / 2, 0, AccelerateDecelerateInterpolator())
+                mImagePager.currentItem = position
+            } else if (type == ScrollType.PagerScroll) {
+                val view = mRvThumb.layoutManager!!.findViewByPosition(position)
+                val middle = mRvThumb.width / 2
+                if (view == null) {
+                    mRvThumb.scrollToPosition(position)
+                } else {
+                    mRvThumb.smoothScrollBy(view.left - middle + view.width / 2, 0, AccelerateDecelerateInterpolator())
+                }
+            }
+            (mRvThumb.adapter as PopupThumbAdapter).changeSelectedItem(position)
+        }
+    }
+
+    private fun fillImageList(imageList: List<Any>, listType: Int) {
+        when (listType) {
+            ListType.BaseItem -> {
+                imageList.forEach {
+                    (it as BaseItem).isSelected = false
+                    this.mImageList.add(it)
+                }
+            }
+            ListType.Url -> {
+                imageList.forEach {
+                    val item = BaseItem()
+                    item.imageUrl = it as String
+                    this.mImageList.add(item)
+                }
+            }
+            ListType.Drawable -> {
+                imageList.forEach {
+                    val item = BaseItem()
+                    item.drawableId = it as Int
+                    this.mImageList.add(item)
+                }
+            }
+        }
+    }
+}
diff --git a/library/src/main/java/com/kodmap/app/library/adapter/PopupSliderAdapter.kt b/library/src/main/java/com/kodmap/app/library/adapter/PopupSliderAdapter.kt
new file mode 100644
index 0000000..123b27c
--- /dev/null
+++ b/library/src/main/java/com/kodmap/app/library/adapter/PopupSliderAdapter.kt
@@ -0,0 +1,94 @@
+package com.kodmap.app.library.adapter
+
+import android.support.v4.view.PagerAdapter
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import com.kodmap.app.library.R
+import com.kodmap.app.library.constant.ScaleType
+import com.kodmap.app.library.model.BaseItem
+import com.kodmap.app.library.ui.KmRelativeLayout
+import com.kodmap.app.library.ui.KmImageView
+import com.squareup.picasso.Callback
+import com.squareup.picasso.Picasso
+import java.util.*
+
+
+class PopupSliderAdapter : PagerAdapter() {
+
+    private var mImageScaleType: ImageView.ScaleType = ScaleType.FIT_CENTER
+    lateinit var mLoadingView: View
+    private val itemList = ArrayList<BaseItem>()
+
+    fun setItemList(itemList: List<BaseItem>) {
+        this.itemList.clear()
+        this.itemList.addAll(itemList)
+        notifyDataSetChanged()
+    }
+
+    override fun getCount(): Int {
+        return itemList.size
+    }
+
+    override fun isViewFromObject(view: View, obj: Any): Boolean {
+        return view == obj
+    }
+
+    override fun instantiateItem(container: ViewGroup, position: Int): Any {
+        val itemView = View.inflate(container.context, R.layout.item_slider, null) as KmRelativeLayout
+        val imageView = itemView.findViewById<KmImageView>(R.id.iv_item)
+
+        if (::mLoadingView.isInitialized) {
+            itemView.addLoadingLayout(mLoadingView)
+            imageView.setLoadingLayout(mLoadingView)
+            imageView.enableLoading()
+        }
+
+        imageView.scaleType = mImageScaleType
+
+        Picasso.get().cancelRequest(imageView)
+        if (itemList[position].imageUrl == null) {
+            Picasso.get()
+                    .load(itemList[position].drawableId!!)
+                    .into(imageView, object : Callback {
+                        override fun onSuccess() {
+                            imageView.disableLoading()
+                        }
+
+                        override fun onError(e: java.lang.Exception?) {
+                            imageView.disableLoading()
+                        }
+                    })
+        } else {
+            Picasso.get()
+                    .load(itemList[position].imageUrl)
+                    .into(imageView, object : Callback {
+                        override fun onSuccess() {
+                            imageView.disableLoading()
+                        }
+
+                        override fun onError(e: java.lang.Exception?) {
+                            imageView.disableLoading()
+                        }
+                    })
+        }
+        container.addView(itemView)
+        return itemView
+    }
+
+    override fun destroyItem(container: ViewGroup, position: Int, obj: Any) {
+        container.removeView(obj as View)
+    }
+
+    fun setScaleType(type: ImageView.ScaleType) {
+        mImageScaleType = type
+    }
+
+    fun setLoadingView(mLoadingView: View?) {
+        if (mLoadingView != null) {
+            this.mLoadingView = mLoadingView
+        }
+    }
+
+
+}
\ No newline at end of file
diff --git a/library/src/main/java/com/kodmap/app/library/adapter/PopupThumbAdapter.kt b/library/src/main/java/com/kodmap/app/library/adapter/PopupThumbAdapter.kt
new file mode 100644
index 0000000..ff1ddf7
--- /dev/null
+++ b/library/src/main/java/com/kodmap/app/library/adapter/PopupThumbAdapter.kt
@@ -0,0 +1,135 @@
+package com.kodmap.app.library.adapter
+
+import android.graphics.Bitmap
+import android.graphics.drawable.Drawable
+import android.os.Bundle
+import android.support.v4.content.ContextCompat
+import android.support.v7.recyclerview.extensions.ListAdapter
+import android.support.v7.util.DiffUtil
+import android.support.v7.widget.RecyclerView
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import com.kodmap.app.library.R
+import com.kodmap.app.library.listener.AdapterClickListener
+import com.kodmap.app.library.model.BaseItem
+import com.kodmap.app.library.ui.KmImageView
+import com.kodmap.app.library.ui.KmRelativeLayout
+import com.squareup.picasso.Callback
+import com.squareup.picasso.Picasso
+import com.squareup.picasso.Target
+import java.lang.Exception
+import java.util.*
+
+class PopupThumbAdapter(private val listener: AdapterClickListener) : ListAdapter<BaseItem, PopupThumbAdapter.ViewHolder>(itemCallback) {
+
+    private val itemList = ArrayList<BaseItem>()
+    lateinit var mLoadingView: View
+    var oldSelectedPosition = 0
+
+    fun setList(itemList: List<BaseItem>) {
+        this.itemList.clear()
+        this.itemList.addAll(itemList)
+        notifyDataSetChanged()
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
+        val itemView = LayoutInflater.from(parent.context)
+                .inflate(R.layout.item_thumb, parent, false) as KmRelativeLayout
+        return ViewHolder(itemView, listener)
+    }
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        if (itemList[position].isSelected) {
+            holder.gradient_view.visibility = View.VISIBLE
+        } else {
+            holder.gradient_view.visibility = View.GONE
+        }
+
+        Picasso.get().cancelRequest(holder.target)
+        if (itemList[position].imageUrl == null) {
+            Picasso.get()
+                    .load(itemList[position].drawableId!!)
+                    .into(holder.target)
+        } else {
+            Picasso.get()
+                    .load(itemList[position].imageUrl)
+                    .into(holder.target)
+        }
+    }
+
+
+    inner class ViewHolder(itemView: View, listener: AdapterClickListener) : RecyclerView.ViewHolder(itemView) {
+        var iv_thumb: KmImageView
+        var gradient_view: View
+        var target: Target
+
+        init {
+            iv_thumb = itemView.findViewById(R.id.iv_thumb)
+            gradient_view = itemView.findViewById(R.id.gradient_view)
+
+            target = object : Target {
+                override fun onPrepareLoad(placeHolderDrawable: Drawable?) {
+                }
+
+                override fun onBitmapFailed(e: Exception?, errorDrawable: Drawable?) {
+                    iv_thumb.disableLoading()
+                }
+
+                override fun onBitmapLoaded(bitmap: Bitmap?, from: Picasso.LoadedFrom?) {
+                    iv_thumb.setImageBitmap(bitmap)
+                    iv_thumb.disableLoading()
+                }
+
+            }
+
+            if (::mLoadingView.isInitialized) {
+                (itemView as KmRelativeLayout).addLoadingLayout(mLoadingView)
+                iv_thumb.setLoadingLayout(mLoadingView)
+            }
+
+            iv_thumb.setOnClickListener {
+                listener.onClick(adapterPosition)
+            }
+        }
+    }
+
+    override fun getItemCount(): Int {
+        return itemList.size
+    }
+
+    fun changeSelectedItem(position: Int) {
+        if (position != -1) {
+            itemList[oldSelectedPosition].isSelected = false
+            itemList[position].isSelected = true
+            oldSelectedPosition = position
+            notifyDataSetChanged()
+        }
+    }
+
+    fun setLoadingView(mLoadingView: View?) {
+        if (mLoadingView != null) {
+            this.mLoadingView = mLoadingView
+        }
+    }
+
+    companion object {
+        var itemCallback: DiffUtil.ItemCallback<BaseItem> = object : DiffUtil.ItemCallback<BaseItem>() {
+            override fun areItemsTheSame(oldItem: BaseItem, newItem: BaseItem): Boolean {
+                return newItem.imageUrl == oldItem.imageUrl
+            }
+
+            override fun areContentsTheSame(oldItem: BaseItem, newItem: BaseItem): Boolean {
+                return newItem.isSelected == oldItem.isSelected
+            }
+
+            override fun getChangePayload(oldItem: BaseItem, newItem: BaseItem): Any? {
+                val bundle = Bundle()
+                if (oldItem !== newItem)
+                    bundle.putParcelable("newItem", newItem)
+                return bundle
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/library/src/main/java/com/kodmap/app/library/constant/ListType.kt b/library/src/main/java/com/kodmap/app/library/constant/ListType.kt
new file mode 100644
index 0000000..a0a29cc
--- /dev/null
+++ b/library/src/main/java/com/kodmap/app/library/constant/ListType.kt
@@ -0,0 +1,9 @@
+package com.kodmap.app.library.constant
+
+import android.widget.ImageView
+
+object ListType {
+    const val BaseItem = 0
+    const val Url = 1
+    const val Drawable = 2
+}
\ No newline at end of file
diff --git a/library/src/main/java/com/kodmap/app/library/constant/ScaleType.kt b/library/src/main/java/com/kodmap/app/library/constant/ScaleType.kt
new file mode 100644
index 0000000..61e8803
--- /dev/null
+++ b/library/src/main/java/com/kodmap/app/library/constant/ScaleType.kt
@@ -0,0 +1,14 @@
+package com.kodmap.app.library.constant
+
+import android.widget.ImageView
+
+object ScaleType {
+    val MATRIX = ImageView.ScaleType.MATRIX
+    val FIT_XY = ImageView.ScaleType.FIT_XY
+    val FIT_START = ImageView.ScaleType.FIT_START
+    val FIT_CENTER = ImageView.ScaleType.FIT_CENTER
+    val FIT_END = ImageView.ScaleType.FIT_END
+    val CENTER = ImageView.ScaleType.CENTER
+    val CENTER_CROP = ImageView.ScaleType.CENTER_CROP
+    val CENTER_INSIDE = ImageView.ScaleType.CENTER_INSIDE
+}
\ No newline at end of file
diff --git a/library/src/main/java/com/kodmap/app/library/constant/ScrollType.kt b/library/src/main/java/com/kodmap/app/library/constant/ScrollType.kt
new file mode 100644
index 0000000..db51deb
--- /dev/null
+++ b/library/src/main/java/com/kodmap/app/library/constant/ScrollType.kt
@@ -0,0 +1,6 @@
+package com.kodmap.app.library.constant
+
+object ScrollType {
+    const val RecyclerViewScroll = 1
+    const val PagerScroll = 2
+}
\ No newline at end of file
diff --git a/library/src/main/java/com/kodmap/app/library/listener/AdapterClickListener.kt b/library/src/main/java/com/kodmap/app/library/listener/AdapterClickListener.kt
new file mode 100644
index 0000000..12ba0e4
--- /dev/null
+++ b/library/src/main/java/com/kodmap/app/library/listener/AdapterClickListener.kt
@@ -0,0 +1,5 @@
+package com.kodmap.app.library.listener
+
+interface AdapterClickListener {
+    fun onClick(position: Int)
+}
diff --git a/library/src/main/java/com/kodmap/app/library/model/BaseItem.kt b/library/src/main/java/com/kodmap/app/library/model/BaseItem.kt
new file mode 100644
index 0000000..91c20ae
--- /dev/null
+++ b/library/src/main/java/com/kodmap/app/library/model/BaseItem.kt
@@ -0,0 +1,37 @@
+package com.kodmap.app.library.model
+
+import android.os.Parcel
+import android.os.Parcelable
+
+open class BaseItem(
+        var drawableId: Int? = null,
+        var imageUrl: String? = null,
+        var isSelected: Boolean = false
+) : Parcelable {
+    constructor(parcel: Parcel) : this(
+            parcel.readValue(Int::class.java.classLoader) as? Int,
+            parcel.readString(),
+            parcel.readByte() != 0.toByte()) {
+    }
+
+    override fun writeToParcel(parcel: Parcel, flags: Int) {
+        parcel.writeValue(drawableId)
+        parcel.writeString(imageUrl)
+        parcel.writeByte(if (isSelected) 1 else 0)
+    }
+
+    override fun describeContents(): Int {
+        return 0
+    }
+
+    companion object CREATOR : Parcelable.Creator<BaseItem> {
+        override fun createFromParcel(parcel: Parcel): BaseItem {
+            return BaseItem(parcel)
+        }
+
+        override fun newArray(size: Int): Array<BaseItem?> {
+            return arrayOfNulls(size)
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/library/src/main/java/com/kodmap/app/library/ui/KmImageView.kt b/library/src/main/java/com/kodmap/app/library/ui/KmImageView.kt
new file mode 100644
index 0000000..c331351
--- /dev/null
+++ b/library/src/main/java/com/kodmap/app/library/ui/KmImageView.kt
@@ -0,0 +1,58 @@
+package com.kodmap.app.library.ui
+
+import android.content.Context
+import android.content.res.TypedArray
+import android.util.AttributeSet
+import android.view.View
+import android.widget.ImageView
+import com.kodmap.app.library.R
+
+class KmImageView : ImageView {
+
+    private var loadingView: View? = null
+    private var isLoadingFinished = false
+
+    constructor(context: Context) : super(context) {
+        init(context, null)
+    }
+
+    constructor(context: Context, attrs: AttributeSet) : super(context, attrs) {
+        init(context, attrs)
+    }
+
+    constructor(context: Context, attrs: AttributeSet, defStyle: Int) : super(context, attrs, defStyle) {
+        init(context, attrs)
+    }
+
+    private fun init(context: Context, attrs: AttributeSet?) {
+        val ta: TypedArray = context.obtainStyledAttributes(attrs, R.styleable.KmImageView, 0, 0)
+
+        val loadingViewResourceId = ta.getResourceId(R.styleable.KmImageView_setLoadingView, -1)
+        if (loadingViewResourceId != -1) {
+            loadingView = findViewById(loadingViewResourceId)
+        }
+
+        ta.recycle()
+    }
+
+    fun setLoadingLayout(view: View?) {
+        if (view == null)
+            return
+        loadingView = view
+        loadingView?.visibility = View.VISIBLE
+    }
+
+    fun disableLoading() {
+        if (loadingView == null)
+            return
+        loadingView?.visibility = View.GONE
+        visibility = View.VISIBLE
+    }
+
+    fun enableLoading() {
+        if (loadingView == null)
+            return
+        loadingView?.visibility = View.VISIBLE
+        visibility = View.GONE
+    }
+}
\ No newline at end of file
diff --git a/library/src/main/java/com/kodmap/app/library/ui/KmRelativeLayout.kt b/library/src/main/java/com/kodmap/app/library/ui/KmRelativeLayout.kt
new file mode 100644
index 0000000..ef44d20
--- /dev/null
+++ b/library/src/main/java/com/kodmap/app/library/ui/KmRelativeLayout.kt
@@ -0,0 +1,60 @@
+package com.kodmap.app.library.ui
+
+import android.content.Context
+import android.content.res.TypedArray
+import android.util.AttributeSet
+import android.view.View
+import android.widget.RelativeLayout
+import com.kodmap.app.library.R
+import android.view.ViewGroup
+
+
+class KmRelativeLayout : RelativeLayout {
+
+    private var loadingView: View? = null
+
+    constructor(context: Context) : super(context) {
+        init(context, null)
+    }
+
+    constructor(context: Context, attrs: AttributeSet) : super(context, attrs) {
+        init(context, attrs)
+    }
+
+    constructor(context: Context, attrs: AttributeSet, defStyle: Int) : super(context, attrs, defStyle) {
+        init(context, attrs)
+    }
+
+    private fun init(context: Context, attrs: AttributeSet?) {
+        val ta: TypedArray = context.obtainStyledAttributes(attrs, R.styleable.KmRelativeLayout, 0, 0)
+
+        val loadingViewResourceId = ta.getResourceId(R.styleable.KmRelativeLayout_addLoadingView, -1)
+        if (loadingViewResourceId != -1) {
+            loadingView = findViewById(loadingViewResourceId)
+        }
+
+        ta.recycle()
+    }
+
+    fun addLoadingLayout(view: View?) {
+        if (view == null)
+            return
+        if (view.getParent() != null)
+            (view.getParent() as ViewGroup).removeView(view) // <- fix
+        addView(view)
+    }
+
+    fun disableLoading() {
+        if (loadingView == null)
+            return
+        loadingView?.visibility = View.GONE
+        visibility = View.VISIBLE
+    }
+
+    fun enableLoading() {
+        if (loadingView == null)
+            return
+        visibility = View.GONE
+        loadingView?.visibility = View.VISIBLE
+    }
+}
\ No newline at end of file
diff --git a/library/src/main/java/com/kodmap/app/library/ui/KmTabLayout.kt b/library/src/main/java/com/kodmap/app/library/ui/KmTabLayout.kt
new file mode 100644
index 0000000..ec157f8
--- /dev/null
+++ b/library/src/main/java/com/kodmap/app/library/ui/KmTabLayout.kt
@@ -0,0 +1,23 @@
+package com.kodmap.app.library.ui
+
+import android.content.Context
+import android.support.design.R.attr.tabBackground
+import android.support.design.widget.TabLayout
+import android.support.v4.content.ContextCompat
+import android.util.AttributeSet
+
+class KmTabLayout : TabLayout {
+    constructor(context: Context) : super(context) {
+
+    }
+
+    constructor(context: Context, attrs: AttributeSet) : super(context, attrs) {
+
+    }
+
+    constructor(context: Context, attrs: AttributeSet, defStyle: Int) : super(context, attrs, defStyle) {
+
+    }
+
+
+}
\ No newline at end of file
diff --git a/library/src/main/java/com/kodmap/app/library/ui/KmViewPager.kt b/library/src/main/java/com/kodmap/app/library/ui/KmViewPager.kt
new file mode 100644
index 0000000..72142de
--- /dev/null
+++ b/library/src/main/java/com/kodmap/app/library/ui/KmViewPager.kt
@@ -0,0 +1,36 @@
+package com.kodmap.app.library.ui
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.support.v4.view.ViewPager
+import android.util.AttributeSet
+import android.view.MotionEvent
+
+
+class KmViewPager : ViewPager {
+
+    private var swipeLocked: Boolean = false
+
+    constructor(context: Context) : super(context) {}
+
+    constructor(context: Context, attrs: AttributeSet) : super(context, attrs) {}
+
+    @SuppressLint("ClickableViewAccessibility")
+    override fun onTouchEvent(event: MotionEvent): Boolean {
+        return !swipeLocked && super.onTouchEvent(event)
+    }
+
+    override fun onInterceptTouchEvent(event: MotionEvent): Boolean {
+        return !swipeLocked && super.onInterceptTouchEvent(event)
+    }
+
+    override fun canScrollHorizontally(direction: Int): Boolean {
+        return !swipeLocked && super.canScrollHorizontally(direction)
+    }
+
+
+    fun setSwipeLocked(bool: Boolean) {
+        swipeLocked = bool
+    }
+
+}
diff --git a/library/src/main/res/drawable/bg_selected_thumb.xml b/library/src/main/res/drawable/bg_selected_thumb.xml
new file mode 100644
index 0000000..6f7b081
--- /dev/null
+++ b/library/src/main/res/drawable/bg_selected_thumb.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="#cc414040" />
+
+</shape>
\ No newline at end of file
diff --git a/library/src/main/res/drawable/bg_unselected_thumb.xml b/library/src/main/res/drawable/bg_unselected_thumb.xml
new file mode 100644
index 0000000..bc01454
--- /dev/null
+++ b/library/src/main/res/drawable/bg_unselected_thumb.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="#009b9797" />
+</shape>
\ No newline at end of file
diff --git a/library/src/main/res/drawable/ic_close_white_24dp.xml b/library/src/main/res/drawable/ic_close_white_24dp.xml
new file mode 100644
index 0000000..0c8775c
--- /dev/null
+++ b/library/src/main/res/drawable/ic_close_white_24dp.xml
@@ -0,0 +1,5 @@
+<vector android:height="24dp" android:tint="#FFFFFF"
+    android:viewportHeight="24.0" android:viewportWidth="24.0"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="#FF000000" android:pathData="M19,6.41L17.59,5 12,10.59 6.41,5 5,6.41 10.59,12 5,17.59 6.41,19 12,13.41 17.59,19 19,17.59 13.41,12z"/>
+</vector>
diff --git a/library/src/main/res/drawable/indicator_selector.xml b/library/src/main/res/drawable/indicator_selector.xml
new file mode 100644
index 0000000..c784dbe
--- /dev/null
+++ b/library/src/main/res/drawable/indicator_selector.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:drawable="@drawable/selected_indicator" android:state_selected="true" />
+
+    <item android:drawable="@drawable/unselected_indicator" />
+</selector>
\ No newline at end of file
diff --git a/library/src/main/res/drawable/selected_indicator.xml b/library/src/main/res/drawable/selected_indicator.xml
new file mode 100644
index 0000000..b0854de
--- /dev/null
+++ b/library/src/main/res/drawable/selected_indicator.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape
+            android:innerRadius="0dp"
+            android:shape="ring"
+            android:thickness="6dp"
+            android:useLevel="false">
+            <solid android:color="@color/color_selected" />
+        </shape>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/library/src/main/res/drawable/unselected_indicator.xml b/library/src/main/res/drawable/unselected_indicator.xml
new file mode 100644
index 0000000..46b654f
--- /dev/null
+++ b/library/src/main/res/drawable/unselected_indicator.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape
+            android:innerRadius="0dp"
+            android:shape="ring"
+            android:thickness="4dp"
+            android:useLevel="false">
+            <solid android:color="@color/color_unselected" />
+        </shape>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/library/src/main/res/layout/dialog_popup.xml b/library/src/main/res/layout/dialog_popup.xml
new file mode 100644
index 0000000..8afce5e
--- /dev/null
+++ b/library/src/main/res/layout/dialog_popup.xml
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/root"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <RelativeLayout
+        android:id="@+id/headerLayout"
+        android:layout_width="match_parent"
+        android:layout_height="?android:attr/actionBarSize"
+        android:layout_alignParentTop="true">
+
+        <ImageView
+            android:id="@+id/iv_close"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_alignParentLeft="true"
+            android:layout_alignParentStart="true"
+            android:layout_alignParentTop="true"
+            android:layout_margin="8dp"
+            android:padding="8dp" />
+    </RelativeLayout>
+
+    <com.kodmap.app.library.ui.KmViewPager
+        android:id="@+id/viewPager"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_above="@+id/rv_thumb"
+        android:layout_below="@+id/headerLayout" />
+
+    <android.support.v7.widget.RecyclerView
+        android:id="@+id/rv_thumb"
+        android:layout_width="wrap_content"
+        android:layout_height="50dp"
+        android:layout_alignParentBottom="true"
+        android:layout_centerHorizontal="true"
+        android:foregroundGravity="center"
+        android:visibility="gone" />
+
+    <android.support.design.widget.TabLayout
+        android:id="@+id/tabLayout"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_alignParentBottom="true"
+        android:layout_centerInParent="true"
+        android:visibility="gone"
+        app:tabGravity="center"
+        app:tabIndicatorGravity="center"
+        app:tabIndicatorHeight="0dp"
+        app:tabMode="fixed"
+        app:tabRippleColor="@android:color/transparent" />
+</RelativeLayout>
diff --git a/library/src/main/res/layout/item_slider.xml b/library/src/main/res/layout/item_slider.xml
new file mode 100644
index 0000000..dad925f
--- /dev/null
+++ b/library/src/main/res/layout/item_slider.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.kodmap.app.library.ui.KmRelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <com.kodmap.app.library.ui.KmImageView
+        android:id="@+id/iv_item"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_centerInParent="true" />
+</com.kodmap.app.library.ui.KmRelativeLayout>
\ No newline at end of file
diff --git a/library/src/main/res/layout/item_thumb.xml b/library/src/main/res/layout/item_thumb.xml
new file mode 100644
index 0000000..2361ae0
--- /dev/null
+++ b/library/src/main/res/layout/item_thumb.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.kodmap.app.library.ui.KmRelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="50dp"
+    android:layout_height="50dp">
+
+    <com.kodmap.app.library.ui.KmImageView
+        android:id="@+id/iv_thumb"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        android:scaleType="fitXY" />
+
+    <View
+        android:id="@+id/gradient_view"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        android:background="@drawable/bg_selected_thumb" />
+
+</com.kodmap.app.library.ui.KmRelativeLayout>
+
+
diff --git a/library/src/main/res/values/attrs.xml b/library/src/main/res/values/attrs.xml
new file mode 100644
index 0000000..6899e54
--- /dev/null
+++ b/library/src/main/res/values/attrs.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <declare-styleable name="KmRelativeLayout">
+        <attr name="addLoadingView" format="reference|integer" />
+    </declare-styleable>
+
+    <declare-styleable name="KmImageView">
+        <attr name="setLoadingView" format="reference|integer" />
+    </declare-styleable>
+</resources>
\ No newline at end of file
diff --git a/library/src/main/res/values/colors.xml b/library/src/main/res/values/colors.xml
new file mode 100644
index 0000000..161c7b2
--- /dev/null
+++ b/library/src/main/res/values/colors.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="color_dialog_bg">#cc080808</color>
+    <color name="color_selected">#080808</color>
+    <color name="color_unselected">#aaa</color>
+</resources>
\ No newline at end of file
diff --git a/library/src/main/res/values/strings.xml b/library/src/main/res/values/strings.xml
new file mode 100644
index 0000000..49fc91e
--- /dev/null
+++ b/library/src/main/res/values/strings.xml
@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">library</string>
+</resources>
diff --git a/library/src/main/res/values/styles.xml b/library/src/main/res/values/styles.xml
new file mode 100644
index 0000000..ef1fdd1
--- /dev/null
+++ b/library/src/main/res/values/styles.xml
@@ -0,0 +1,11 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+
+    <style name="KmPopupDialog" parent="android:Theme.Black.NoTitleBar">
+        <item name="android:layout_width">fill_parent</item>
+        <item name="android:layout_height">fill_parent</item>
+        <!-- No backgrounds, titles or window float -->
+        <item name="android:windowNoTitle">true</item>
+        <item name="android:windowIsFloating">false</item>
+    </style>
+
+</resources>
\ No newline at end of file
diff --git a/library/src/test/java/com/kodmap/app/library/ExampleUnitTest.java b/library/src/test/java/com/kodmap/app/library/ExampleUnitTest.java
new file mode 100644
index 0000000..5240173
--- /dev/null
+++ b/library/src/test/java/com/kodmap/app/library/ExampleUnitTest.java
@@ -0,0 +1,17 @@
+package com.kodmap.app.library;
+
+import org.junit.Test;
+
+import static org.junit.Assert.*;
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
+ */
+public class ExampleUnitTest {
+    @Test
+    public void addition_isCorrect() {
+        assertEquals(4, 2 + 2);
+    }
+}
\ No newline at end of file
diff --git a/settings.gradle b/settings.gradle
new file mode 100644
index 0000000..3306997
--- /dev/null
+++ b/settings.gradle
@@ -0,0 +1 @@
+include ':app', ':library'