From 04b7ac542664c68ad45b85ac82660f0be29e0039 Mon Sep 17 00:00:00 2001
From: coderaiser <mnemonic.enemy@gmail.com>
Date: Thu, 15 May 2014 09:24:43 -0400
Subject: [PATCH] feature(menu) v0.6.0

---
 lib/client/menu/{README.md => HELP.md} | 30 ++++++++++++++++++++------
 lib/client/menu/menu-io.css            |  2 ++
 lib/client/menu/menu-io.js             |  9 ++++++--
 lib/client/menu/package.json           |  2 +-
 4 files changed, 34 insertions(+), 9 deletions(-)
 rename lib/client/menu/{README.md => HELP.md} (65%)

diff --git a/lib/client/menu/README.md b/lib/client/menu/HELP.md
similarity index 65%
rename from lib/client/menu/README.md
rename to lib/client/menu/HELP.md
index 75b7afe7..9be0ca4c 100644
--- a/lib/client/menu/README.md
+++ b/lib/client/menu/HELP.md
@@ -24,29 +24,47 @@ Tired to use js based libraries which use jquery and `.hover` classes insteed of
 Create `html` page with `js` and `css` connected.
 
 ```html
-<link rel="stylesheet" href="http://coderaiser.github.io/menu/menu.min.css">
-<script src="http://coderaiser.github.io/menu/menu.min.js"></script>
+<link rel="stylesheet" href="http://coderaiser.github.io/menu-io/menu.min.css">
+<script src="http://coderaiser.github.io/menu-io/menu.min.js"></script>
 ```
 
 Add little JavaScript:
+
 ```js
-var menu        = Menu({
+var menu        = MenuIO({
     'item name': function onItemNameClick() {
     }
 }
 ```
+You could use element and (or) options parameters if you need to.
+
+```js
+var element     = document.body,
+    
+    options     = {
+        icon        : true, /* add class icon-item-name */
+        beforeClose : alert,
+        beforeShow  : alert,
+        beforeClick : alert,
+        name        : 'name of menu' /* if you want use a couple menu on one element */
+    },
+    
+    menu        = Menu(element, options, {
+        'item name': function onItemNameClick() {
+    });
+```
 
 Look for `examples` directory or copy example from bottom:
 
 ```html
-<link rel="stylesheet" href="http://coderaiser.github.io/menu/menu.min.css">
-<script src="http://coderaiser.github.io/menu/menu.min.js"></script>
+<link rel="stylesheet" href="http://coderaiser.github.io/menu-io/menu.min.css">
+<script src="http://coderaiser.github.io/menu-io/menu-io.min.js"></script>
 <script>
     window.addEventListener('load', function onLoad() {
         'use strict';
         
         window.removeEventListener('load', onLoad);
-        var menu        = Menu({
+        var menu        = MenuIO({
             help: function() {
                 alert('*help');
             },
diff --git a/lib/client/menu/menu-io.css b/lib/client/menu/menu-io.css
index 2e2dd6ab..497c56ff 100644
--- a/lib/client/menu/menu-io.css
+++ b/lib/client/menu/menu-io.css
@@ -12,6 +12,8 @@
     
     list-style          : none;
     
+    color               : #222;
+    
     background          : rgb(255,255,255);
     background          : rgba(255,255,255, 0.9);
     
diff --git a/lib/client/menu/menu-io.js b/lib/client/menu/menu-io.js
index e6b85710..0e0314ac 100644
--- a/lib/client/menu/menu-io.js
+++ b/lib/client/menu/menu-io.js
@@ -206,12 +206,17 @@ var MenuIO, Util;
         function showMenuElement(x, y) {
             var beforeShow  = Options.beforeShow,
                 name        = Options.name,
+                params      = {
+                    x       : x,
+                    y       : y,
+                    name    : name
+                },
                 
-                notShow     = Util.exec(beforeShow, x, y, name);
+                notShow     = Util.exec(beforeShow, params);
             
             if (!notShow) {
                 ElementMenu.classList.remove('menu-hidden');
-                setMenuPosition(x, y);
+                setMenuPosition(params.x, params.y);
             }
         }
         
diff --git a/lib/client/menu/package.json b/lib/client/menu/package.json
index 1e503b66..cd6263ab 100644
--- a/lib/client/menu/package.json
+++ b/lib/client/menu/package.json
@@ -1,6 +1,6 @@
 {
   "name": "menu",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "author": "coderaiser <mnemonic.enemy@gmail.com> (https://github.com/coderaiser)",
   "description": "Simple css-based multillevel context menu",
   "homepage": "http://coderaiser.github.io/menu",