--- /dev/null
+++ b/mouchak/static/js/nav_plugin.js
@@ -1 +1,31 @@
+//navigation style
+
+var customNavClick = function(el, Cpage) { 
+
+  
+  var playLogo = function () { //to toggle Play Logo 
+    
+    $('.playcollapse img:visible').hide();
+    var pageName = Cpage.split('#')[1];
+    var playShow = '#play-'+pageName;
+    //console.log(pageName, playShow);
+    if(pageName==='index' || pageName === 'about' || pageName === 'blog'|| pageName=== 'contact' || pageName === 'news') {
+      $('#play-about').show();
+    }
+    else {
+      $(playShow).show();
+    }
+  }
+
+  // to toggle click images in navigation 
+  $('.nav>li .showme').css('display', 'none');
+  $('.nav>li.active .showme').css('display', 'block');
+  
+  var toshow =  $(el).find($('.showme'));
+  var tohide = $(el).find($('.default:visible'));
+  toshow.show();
+  tohide.hide();
+  playLogo();
+  
+};
--- a/mouchak/templates/index.html
+++ b/mouchak/templates/index.html
@@ -34,7 +34,7 @@
   <script src="{{url_for('static', filename='js/mouchak.js')}}"></script>
   <script src="{{url_for('static', filename='js/models.js')}}"></script>
   <script src="{{url_for('static', filename='js/views.js')}}"></script>
-  <script src="{{url_for('static', filename='user_plugins/some.js')}}"></script>
+  <script src="{{url_for('static', filename='js/nav_plugin.js')}}"></script>
 {% endblock %}
 
 {% block templates %}