diff --git a/www/index.html b/www/index.html
index 3697d71..3cc3e2e 100644
--- a/www/index.html
+++ b/www/index.html
@@ -34,6 +34,9 @@
     <!--script src="js/swipe-page.js"></script-->
     <script src="js/main.js"></script>
     <script src="js/vendor/jquery.mobile-1.4.5.min.js"></script>
+    <script src="js/vendor/xml2json.js"></script>
+    <script src="js/events.js"></script>
+
     <script type="text/javascript" src="cordova.js"></script>
     <script src="js/vendor/push.js"></script>
     <script type="text/javascript">
@@ -171,6 +174,13 @@
                     <!--p class="ui-li-aside">BlackBerry</p-->
                 </a>
             </li>
+            <li>
+                <a class="nav" href="#events">
+                    <img src="./image/xm24-particolare2.jpeg" class="ui-li-thumb">
+                    <h2>Eventi</h2>
+                    <p>Bla Bla blabla</p>
+                </a>
+            </li>
         </ul>
 </center>
                 <!--a class="minibox orange nav" href="#eventi"> Eventi</a>
@@ -211,6 +221,18 @@
     </div>
 
 
+    </div>
+    <div data-role="page" id="events" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
+        <div role="main" class="ui-content">
+            <div class="ui-body">
+                <p class="introlettera">EVENTI</p>
+                <p id="mostralista" class="listatovirgole listevoci">
+                    <img class="gifloader" src="./image/ajax_loader_red_512.gif" />
+                </p>
+            </div>
+            <!-- chiude body-->
+        </div>
+        <!--chiude content -->
     </div>
     <div data-role="page" id="ilove" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
 
diff --git a/www/js/main.js b/www/js/main.js
index cc19fcc..18bc2ae 100644
--- a/www/js/main.js
+++ b/www/js/main.js
@@ -68,6 +68,12 @@ function alterContent(url) {
         $("#navfooter").removeClass("hide");
         myJsonCategory(8, "#mostralistainfo");
         break;
+    case '#events':
+        $("#navheader").removeClass("hide");
+        $("#navfooter").removeClass("hide");
+        ai1ec.remote.getAllEvents(ai1ec.cats.single);
+        ai1ec.remote.getLastEvents(ai1ec.cats.single);
+        break;
     case '#aggiorna':
         $("#navheader").removeClass("hide");
         $("#navfooter").removeClass("hide");