diff --git a/README.md b/README.md
index 39dc6b3..622bcb1 100644
--- a/README.md
+++ b/README.md
@@ -25,11 +25,9 @@ Add jQuery and ABigImage scripts in head of page.
 
 Call plugin on selector of enlargeable images links.
 
-    <script>
-        $(function() {
-            $('a[href$=".jpg"]').abigimage();
-        });
-    </script>
+    $(function() {
+        $('a[href$=".jpg"]').abigimage();
+    });
 
 ### Options
 
@@ -43,6 +41,9 @@ Call plugin on selector of enlargeable images links.
 - `onopen` - function called when image opens.
 - `*Attrs` - plugin elements attributes.
 - `*CSS` - plugin elements CSS.
+- `prevBtnHoverCSS` - "previous" button on hover CSS.
+- `closeBtnHoverCSS` - "close" button on hover CSS.
+- `bottomHoverCSS` - bottom area on hover CSS.
 
 Plugin generates next html code:
 
@@ -80,21 +81,19 @@ Plugin generates next html code:
 
 Function, defined as `onopen` handler, executes in context of plugin, and receives target element as argument. Plugin elements available in this context as properties.
 
-    <script>
-        $(function() {
-            $('a[href$=".jpg"]').abigimage({
-                bottomCSS: {
-                    fontSize: '2em',
-                    textAlign: 'center'
-                },
-                onopen: function (target) {
-                    this.bottom.html(
-                        $('img', target).attr('alt')
-                    );
-                }
-            });
+    $(function() {
+        $('a[href$=".jpg"]').abigimage({
+            bottomCSS: {
+                fontSize: '2em',
+                textAlign: 'center'
+            },
+            onopen: function (target) {
+                this.bottom.html(
+                    $('img', target).attr('alt')
+                );
+            }
         });
-    </script>
+    });
 
 ## License
 
diff --git a/abigimage.jquery.js b/abigimage.jquery.js
index b626f8f..4612506 100644
--- a/abigimage.jquery.js
+++ b/abigimage.jquery.js
@@ -154,63 +154,63 @@
     };
 
     $.fn.abigimage.defaults = {
-        fadeIn:                 'normal',
-        fadeOut:                'fast',
-
-        prevBtnHtml:            '&larr;',
-        closeBtnHtml:           'x',
-
-        keyNext:                [13 /* enter */, 32 /* space */, 39 /* right */, 40 /* down */],
-        keyPrev:                [8 /* backspace */, 37 /* left */, 38 /* up */],
-        keyClose:               [27 /* escape */, 35 /* end */, 36 /* home */],
-
-        onopen:                 function() {},
-
-        overlayCSS:             {position: 'fixed', zIndex: 101, top: 0, right: 0, bottom: 0, left: 0, display: 'none',
-                                    backgroundColor: '#000', opacity: 0.9},
-        layoutCSS:              {position: 'fixed', zIndex: 101, top: 0, right: 0, bottom: 0, left: 0, display: 'none',
-                                    '-webkit-user-select': 'none', '-moz-user-select': 'none', 'user-select': 'none',
-                                    '-webkit-tap-highlight-color': 'rgba(0, 0, 0, 0)',
-                                    lineHeight: 2.5},
-
-        prevBtnWrapperCSS:      {cursor: 'pointer', position: 'absolute', top: 0, right: '50%', bottom: 0, left: 0},
-        closeBtnWrapperCSS:     {cursor: 'pointer', position: 'absolute', top: 0, right: 0,     bottom: 0, left: '50%'},
-
-        prevBtnBoxCSS:          {position: 'absolute', zIndex: 104, top: 0, bottom: 0, left: 0},
-        closeBtnBoxCSS:         {position: 'absolute', zIndex: 104, top: 0, bottom: 0, right: 0},
-
-        prevBtnCSS:             {color: '#fff', backgroundColor: '#000', opacity: 0.5,
-                                    padding: '0 1em', borderRadius: '0 0 1ex 0'},
-        closeBtnCSS:            {color: '#fff', backgroundColor: '#000', opacity: 0.5,
-                                    padding: '0 1em', borderRadius: '0 0 0 1ex'},
-
-        prevBtnHoverCSS:        {opacity: 1},
-        closeBtnHoverCSS:       {opacity: 1},
-
-        imgCSS:                 {position: 'absolute', zIndex: 102, margin: 'auto', top: 0, right: 0, bottom: 0, left: 0,
-                                    display: 'block', cursor: 'pointer', maxWidth: '100%', maxHeight: '100%'},
-
-        imgNextCSS:             {position: 'absolute', top: '-10000px', width: '100px'},
-        imgPrevCSS:             {position: 'absolute', top: '-10000px', width: '100px'},
-
-        bottomCSS:              {position: 'absolute', zIndex: 103, right: 0, bottom: 0, left: 0,
-                                    '-webkit-user-select': 'text', '-moz-user-select': 'text', 'user-select': 'text',
-                                    backgroundColor: '#000', color: '#fff', opacity: 0.5,
-                                    padding: '0 1em', textAlign: 'center'},
-        bottomHoverCSS:         {opacity: 1},
-
-        overlayAttrs:           {},
-        layoutAttrs:            {},
-        prevBtnWrapperAttrs:    {},
-        prevBtnBoxAttrs:        {},
-        prevBtnAttrs:           {},
-        closeBtnWrapperAttrs:   {},
-        closeBtnBoxAttrs:       {},
-        closeBtnAttrs:          {},
-        imgAttrs:               {},
-        imgNextAttrs:           {},
-        imgPrevAttrs:           {},
-        bottomAttrs:            {}
+        fadeIn:               'fast',
+        fadeOut:              'fast',
+
+        prevBtnHtml:          '&larr;',
+        closeBtnHtml:         'x',
+
+        keyNext:              [13 /* enter */, 32 /* space */, 39 /* right */, 40 /* down */],
+        keyPrev:              [8 /* backspace */, 37 /* left */, 38 /* up */],
+        keyClose:             [27 /* escape */, 35 /* end */, 36 /* home */],
+
+        onopen:               function() {},
+
+        overlayCSS:           {position: 'fixed', zIndex: 101, top: 0, right: 0, bottom: 0, left: 0, display: 'none',
+                                  backgroundColor: '#000', opacity: .9},
+        layoutCSS:            {position: 'fixed', zIndex: 101, top: 0, right: 0, bottom: 0, left: 0, display: 'none',
+                                  '-webkit-user-select': 'none', '-moz-user-select': 'none', 'user-select': 'none',
+                                  '-webkit-tap-highlight-color': 'rgba(0, 0, 0, 0)',
+                                  lineHeight: 2.5},
+
+        prevBtnWrapperCSS:    {cursor: 'pointer', position: 'absolute', top: 0, right: '50%', bottom: 0, left: 0},
+        closeBtnWrapperCSS:   {cursor: 'pointer', position: 'absolute', top: 0, right: 0,     bottom: 0, left: '50%'},
+
+        prevBtnBoxCSS:        {position: 'absolute', zIndex: 104, top: 0, bottom: 0, left: 0},
+        closeBtnBoxCSS:       {position: 'absolute', zIndex: 104, top: 0, bottom: 0, right: 0},
+
+        prevBtnCSS:           {color: '#fff', backgroundColor: '#000', opacity: .5,
+                                   padding: '0 1em', borderRadius: '0 0 1ex 0'},
+        closeBtnCSS:          {color: '#fff', backgroundColor: '#000', opacity: .5,
+                                   padding: '0 1em', borderRadius: '0 0 0 1ex'},
+
+        prevBtnHoverCSS:      {opacity: 1},
+        closeBtnHoverCSS:     {opacity: 1},
+
+        imgCSS:               {position: 'absolute', zIndex: 102, margin: 'auto', top: 0, right: 0, bottom: 0, left: 0,
+                                  display: 'block', cursor: 'pointer', maxWidth: '100%', maxHeight: '100%'},
+
+        imgNextCSS:           {position: 'absolute', top: '-10000px', width: '100px'},
+        imgPrevCSS:           {position: 'absolute', top: '-10000px', width: '100px'},
+
+        bottomCSS:            {position: 'absolute', zIndex: 103, right: 0, bottom: 0, left: 0,
+                                  '-webkit-user-select': 'text', '-moz-user-select': 'text', 'user-select': 'text',
+                                  backgroundColor: '#000', color: '#fff', opacity: .5,
+                                  padding: '0 1em', textAlign: 'center'},
+        bottomHoverCSS:       {opacity: 1},
+
+        overlayAttrs:         {},
+        layoutAttrs:          {},
+        prevBtnWrapperAttrs:  {},
+        prevBtnBoxAttrs:      {},
+        prevBtnAttrs:         {},
+        closeBtnWrapperAttrs: {},
+        closeBtnBoxAttrs:     {},
+        closeBtnAttrs:        {},
+        imgAttrs:             {},
+        imgNextAttrs:         {},
+        imgPrevAttrs:         {},
+        bottomAttrs:          {}
     };
 
 }(jQuery));
diff --git a/abigimage.jquery.json b/abigimage.jquery.json
index 4f610ec..5f52631 100644
--- a/abigimage.jquery.json
+++ b/abigimage.jquery.json
@@ -1,6 +1,6 @@
 {
     "name": "abigimage",
-    "version": "1.2.1",
+    "version": "1.2.2",
     "title": "ABigImage - view big versions of images",
     "author": {
         "name": "Maksim Krylosov",
@@ -15,7 +15,26 @@
         "jquery": ">=1.9"
     },
     "description": "Fit mobile devices. Uses link's `href` attribute for large images. Clicking image opens next one, clicking left side opens previous, clicking right side closes image. Hotkeys for next, previous and close buttons. Closing after viewing of all images. Preloading of next and previous images. Fully customizable styles. Customizable bottom area. Customizable `onopen` event.",
-    "keywords": ["image", "picture", "photo", "view", "viewer", "big", "large", "enlarge"],
+    "keywords": [
+        "image",
+        "picture",
+        "photo",
+        "view",
+        "viewer",
+        "big",
+        "large",
+        "enlarge",
+        "lightbox",
+        "popup",
+        "mobile",
+        "desktop",
+        "slideshow",
+        "keyboard",
+        "hotkey",
+        "responsive",
+        "html5",
+        "jquery"
+    ],
     "homepage": "http://aeqdev.com/tools/js/abigimage/",
     "docs": "http://aeqdev.com/tools/js/abigimage/",
     "demo": "http://aeqdev.com/tools/js/abigimage/",
diff --git a/index.html b/index.html
index 2ab0488..e572594 100644
--- a/index.html
+++ b/index.html
@@ -5,8 +5,6 @@
         <meta charset="UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link id="stylesheet" rel="stylesheet" href="http://aeqdev.com/tools/css/default/adefault-light.min.css">
-        <link id="stylesheet-prettify" rel="stylesheet" href="http://aeqdev.com/tools/js/easyprettyprint/google-code-prettify-light.css">
         <meta name="description" content="ABigImage is jQuery plugin for viewing big versions of images.">
         <style>
             body
@@ -45,21 +43,27 @@
             {
                 padding: .2em 0;
             }
+
+            @media (min-width: 700px) {
+                .features {
+                    float: left;
+                    width: 50%;
+                }
+
+                .ads {
+                    float: right;
+                }
+            }
+
+            .ads-title {
+                color: #000;
+                font-size: 1.3em;
+            }
+
+            .clearfix {
+                clear: both;
+            }
         </style>
-        <script src="http://aeqdev.com/tools/js/easyprettyprint/EasyPrettyPrint.js"></script>
-        <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
-        <script src="abigimage.jquery.js"></script>
-        <script>
-            $(function() {
-                $('a[href$=".jpg"]').abigimage({
-                    onopen: function (target) {
-                        this.bottom.html(
-                            $('img', target).attr('alt')
-                        );
-                    }
-                });
-            });
-        </script>
     </head>
     <body>
 
@@ -84,23 +88,33 @@ <h1>ABigImage</h1>
 
 
 
-<h2>Features</h2>
+<div class="features">
+    <h2>Features</h2>
 
-<ul>
-    <li>Fit mobile devices.</li>
-    <li>Uses link's <code>href</code> attribute for large images.</li>
-    <li>Clicking image opens next one, clicking left side opens previous, clicking right side closes image.</li>
-    <li>Hotkeys for next, previous and close buttons.</li>
-    <li>Closing after viewing of all images.</li>
-    <li>Preloading of next and previous images.</li>
-    <li>Fully customizable styles.</li>
-    <li>Customizable bottom area.</li>
-    <li>Customizable <code>onopen</code> event.</li>
-</ul>
+    <ul>
+        <li>Fit mobile devices.</li>
+        <li>Uses link's <code>href</code> attribute for large images.</li>
+        <li>Clicking image opens next one, clicking left side opens previous, clicking right side closes image.</li>
+        <li>Hotkeys for next, previous and close buttons.</li>
+        <li>Closing after viewing of all images.</li>
+        <li>Preloading of next and previous images.</li>
+        <li>Fully customizable styles.</li>
+        <li>Customizable bottom area.</li>
+        <li>Customizable <code>onopen</code> event.</li>
+    </ul>
+</div>
 
+<div class="ads">
+    <div class="ads-title">Sponsored links</div>
+    <ins class="adsbygoogle"
+         style="display:inline-block;width:300px;height:250px"
+         data-ad-client="ca-pub-7960201834628140"
+         data-ad-slot="1894666116"></ins>
+</div>
 
 
-<h2>Example</h2>
+
+<h2 class="clearfix">Example</h2>
 
 <p>
     <a href="img/1-big.jpg"><img src="img/1-small.jpg" alt="First image"></a>
@@ -120,11 +134,9 @@ <h3>Basic</h3>
 
 <p>Call plugin on selector of enlargeable images links.</p>
 
-<pre><code>&lt;script&gt;
-    $(function() {
-        $('a[href$=".jpg"]').abigimage();
-    });
-&lt;/script&gt;
+<pre><code>$(function() {
+    $('a[href$=".jpg"]').abigimage();
+});
 </code></pre>
 
 <h3>Options</h3>
@@ -140,6 +152,9 @@ <h3>Options</h3>
 <li><code>onopen</code> - function called when image opens.</li>
 <li><code>*Attrs</code> - plugin elements attributes.</li>
 <li><code>*CSS</code> - plugin elements CSS.</li>
+<li><code>prevBtnHoverCSS</code> - "previous" button on hover CSS.</li>
+<li><code>closeBtnHoverCSS</code> - "close" button on hover CSS.</li>
+<li><code>bottomHoverCSS</code> - bottom area on hover CSS.</li>
 </ul>
 
 <p>Plugin generates next html code:</p>
@@ -179,20 +194,18 @@ <h3>Using onopen handler</h3>
 
 <p>Function, defined as <code>onopen</code> handler, executes in context of plugin, and receives target element as argument. Plugin elements available in this context as properties.</p>
 
-<pre><code>&lt;script&gt;
-    $(function() {
-        $('a[href$=".jpg"]').abigimage({
-            bottomCSS: {
-                fontSize: '2em'
-            },
-            onopen: function (target) {
-                this.bottom.html(
-                    $('img', target).attr('alt')
-                );
-            }
-        });
+<pre><code>$(function() {
+    $('a[href$=".jpg"]').abigimage({
+        bottomCSS: {
+            fontSize: '2em'
+        },
+        onopen: function (target) {
+            this.bottom.html(
+                $('img', target).attr('alt')
+            );
+        }
     });
-&lt;/script&gt;
+});
 </code></pre>
 
 
@@ -201,24 +214,41 @@ <h3>Using onopen handler</h3>
 
 
 
-<script>EasyPrettyPrint();</script>
+        </div>
 
 
 
-        </div>
+<link rel="stylesheet" href="//aeqdev.com/tools/css/default/adefault-light.min.css">
+<link rel="stylesheet" href="//yandex.st/highlightjs/8.0/styles/googlecode.min.css">
 
-<script type="text/javascript">
+<script src="//code.jquery.com/jquery-2.0.3.min.js"></script>
+<script src="abigimage.jquery.js"></script>
+<script src="//yandex.st/highlightjs/8.0/highlight.min.js"></script>
+<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 
-  var _gaq = _gaq || [];
-  _gaq.push(['_setAccount', 'UA-11259339-5']);
-  _gaq.push(['_trackPageview']);
+<script>
+    $(function() {
+        $('a[href$=".jpg"]').abigimage({
+            onopen: function (target) {
+                this.bottom.html(
+                    $('img', target).attr('alt')
+                );
+            }
+        });
+    });
+
+    hljs.initHighlightingOnLoad();
 
-  (function() {
-    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-  })();
+    (adsbygoogle = window.adsbygoogle || []).push({});
 
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-11259339-5', 'aeqdev.com');
+    ga('send', 'pageview');
 </script>
+
     </body>
 </html>