From ae49e0bbdcd46f2c3c52919dcda106eae236eb8d Mon Sep 17 00:00:00 2001
From: watanabe <watanabe@openpne.jp>
Date: Tue, 7 Jan 2014 23:08:42 +0900
Subject: [PATCH] improve javascript

  use backbone.js 1.1.0
  use underscore.js 1.5.2
  add 'op' namespace
---
 .../templates/_smtCommunityListBox.php        |  13 +--
 .../_smtCommunityMemberJoinListBox.php        |   6 +-
 .../community/templates/smtSearchSuccess.php  |   6 +-
 .../friend/templates/smtListSuccess.php       |   2 +-
 .../templates/_smtMemberFriendListBox.php     |   6 +-
 .../_smtMemberJoinCommunityListBox.php        |   6 +-
 .../member/templates/smtProfileSuccess.php    |   6 +-
 .../member/templates/smtSearchSuccess.php     |   6 +-
 apps/pc_frontend/templates/_layout.php        |  15 ++-
 apps/pc_frontend/templates/smtLayoutGroup.php |  19 +--
 apps/pc_frontend/templates/smtLayoutHome.php  |  28 +++--
 .../pc_frontend/templates/smtLayoutMember.php |  28 +++--
 apps/pc_frontend/templates/smtLayoutSns.php   |  28 +++--
 web/js/backbone-min.js                        |   2 +
 web/js/jquery.notify.js                       |  16 ++-
 web/js/op_notify.js                           |  78 ++++++-------
 web/js/openpne/api.js                         |  30 +++++
 web/js/smt_notify.js                          | 109 ------------------
 web/js/smt_tosaka.js                          |  97 +++++++++-------
 web/js/underscore-min.js                      |   6 +
 20 files changed, 233 insertions(+), 274 deletions(-)
 create mode 100644 web/js/backbone-min.js
 create mode 100644 web/js/openpne/api.js
 delete mode 100644 web/js/smt_notify.js
 create mode 100644 web/js/underscore-min.js

diff --git a/apps/pc_frontend/modules/community/templates/_smtCommunityListBox.php b/apps/pc_frontend/modules/community/templates/_smtCommunityListBox.php
index 8569abae2..672ce78ba 100644
--- a/apps/pc_frontend/modules/community/templates/_smtCommunityListBox.php
+++ b/apps/pc_frontend/modules/community/templates/_smtCommunityListBox.php
@@ -82,10 +82,10 @@
   $('#leaveCommunity').click(function(){
     $('#leaveCommunityLoading').show();
     $('#leaveCommunityLink').hide();
-    $.ajax({
+    op.api.ajax({
       type: 'GET',
-      url: openpne.apiBase + 'community/join.json',
-      data: 'community_id=<?php echo $community->getId() ?>&leave=true&apiKey=' + openpne.apiKey,
+      url: 'community/join.json',
+      data: {community_id: <?php echo $community->getId() ?>, leave: true},
       success: function(json){
         $('#leaveCommunityFinish').show();
         $('#leaveCommunityLoading').hide();
@@ -100,10 +100,10 @@
   $('#joinCommunity').click(function(){
     $('#joinCommunityLoading').show();
     $('#joinCommunityLink').hide();
-    $.ajax({
+    op.api.ajax({
       type: 'GET',
-      url: openpne.apiBase + 'community/join.json',
-      data: 'community_id=<?php echo $community->getId() ?>&apiKey=' + openpne.apiKey,
+      url: 'community/join.json',
+      data: {community_id: <?php echo $community->getId() ?>},
       success: function(json){
         $('#joinCommunityFinish').show();
         $('#joinCommunityLoading').hide();
@@ -114,6 +114,5 @@
       },
     });
   });
-
 });
 </script>
diff --git a/apps/pc_frontend/modules/community/templates/_smtCommunityMemberJoinListBox.php b/apps/pc_frontend/modules/community/templates/_smtCommunityMemberJoinListBox.php
index a785392c3..b069a63f8 100644
--- a/apps/pc_frontend/modules/community/templates/_smtCommunityMemberJoinListBox.php
+++ b/apps/pc_frontend/modules/community/templates/_smtCommunityMemberJoinListBox.php
@@ -7,7 +7,7 @@
 </script>
 <script type="text/javascript">
 $(function(){
-  $.getJSON( openpne.apiBase + 'member/search.json?target=community&target_id=<?php echo $community->getId() ?>&apiKey=' + openpne.apiKey, function(json) {
+  op.api.getJSON('member/search.json', {target: 'community', target_id: <?php echo $community->getId() ?>}, function(json) {
     $('#communityMemberJoinListTemplate').tmpl(json.data).appendTo('#communityMemberJoinList');
     $('#communityMemberJoinList').show();
     $('#communityMemberJoinListLoading').hide();
@@ -19,8 +19,8 @@
   });
   $('#communityMemberJoinListSearch').blur(function(){
     var keyword = $('#communityMemberJoinListSearch').val();
-    var requestData = { target: 'community', target_id: <?php echo $community->getId(); ?>, keyword: keyword, apiKey: openpne.apiKey };
-    $.getJSON( openpne.apiBase + 'member/search.json', requestData, function(json) {
+    var requestData = {target: 'community', target_id: <?php echo $community->getId(); ?>, keyword: keyword};
+    op.api.getJSON('member/search.json', requestData, function(json) {
       $result = $('#communityMemberJoinListTemplate').tmpl(json.data);
       $('#communityMemberJoinList').html($result);
       $('#communityMemberJoinList').show();
diff --git a/apps/pc_frontend/modules/community/templates/smtSearchSuccess.php b/apps/pc_frontend/modules/community/templates/smtSearchSuccess.php
index 7615c00b5..c851cf4f6 100644
--- a/apps/pc_frontend/modules/community/templates/smtSearchSuccess.php
+++ b/apps/pc_frontend/modules/community/templates/smtSearchSuccess.php
@@ -7,7 +7,7 @@
 </script>
 <script type="text/javascript">
 $(function(){
-  $.getJSON( openpne.apiBase + 'community/search.json?apiKey=' + openpne.apiKey, function(json) {
+  op.api.getJSON('community/search.json', function(json) {
     if (json.data.length > 0) {
       $('#joinCommunityListTemplate').tmpl(json.data).appendTo('#memberJoinCommunityList');
       $('#memberJoinCommunityList').show();
@@ -24,8 +24,8 @@
   });
   $('#joinCommunitySearch').blur(function(){
     var keyword = $('#joinCommunitySearch').val();
-    var requestData = { keyword: keyword, apiKey: openpne.apiKey };
-    $.getJSON( openpne.apiBase + 'community/search.json', requestData, function(json) {
+    var requestData = {keyword: keyword};
+    op.api.getJSON('community/search.json', requestData, function(json) {
       if (json.data.length > 0) {
         $result = $('#joinCommunityListTemplate').tmpl(json.data);
         $('#memberJoinCommunityList').html($result);
diff --git a/apps/pc_frontend/modules/friend/templates/smtListSuccess.php b/apps/pc_frontend/modules/friend/templates/smtListSuccess.php
index da9fc2225..e41fb899d 100644
--- a/apps/pc_frontend/modules/friend/templates/smtListSuccess.php
+++ b/apps/pc_frontend/modules/friend/templates/smtListSuccess.php
@@ -6,7 +6,7 @@
 </script>
 <script type="text/javascript">
 $(function(){
-  $.getJSON( openpne.apiBase + 'member/search.json?apiKey=' + openpne.apiKey + '&target=friend&target_id=<?php echo $member->getId()?>', function(json) {
+  op.api.getJSON('member/search.json', {target: 'friend', target_id: <?php echo $member->getId()?>, function(json) {
     $('#friendListTemplate').tmpl(json.data).appendTo('#memberFriendList');
   });
 });
diff --git a/apps/pc_frontend/modules/member/templates/_smtMemberFriendListBox.php b/apps/pc_frontend/modules/member/templates/_smtMemberFriendListBox.php
index 130e23b9b..de5101eee 100644
--- a/apps/pc_frontend/modules/member/templates/_smtMemberFriendListBox.php
+++ b/apps/pc_frontend/modules/member/templates/_smtMemberFriendListBox.php
@@ -7,7 +7,7 @@
 </script>
 <script type="text/javascript">
 $(function(){
-  $.getJSON( openpne.apiBase + 'member/search.json?target=friend&target_id=<?php echo $member->getId() ?>&apiKey=' + openpne.apiKey, function(json) {
+  op.api.getJSON('member/search.json', {target: 'friend', target_id: <?php echo $member->getId() ?>}, function(json) {
     $result = $('#friendListTemplate').tmpl(json.data);
     $('#memberFriendList').html($result);
     $('#memberFriendList').show();
@@ -20,8 +20,8 @@
   });
   $('#memberFriendSearch').blur(function(){
     var keyword = $('#memberFriendSearch').val();
-    var requestData = { target: 'friend', target_id: <?php echo $member->getId(); ?>, keyword: keyword, apiKey: openpne.apiKey };
-    $.getJSON( openpne.apiBase + 'member/search.json', requestData, function(json) {
+    var requestData = {target: 'friend', target_id: <?php echo $member->getId(); ?>, keyword: keyword};
+    op.api.getJSON('member/search.json', requestData, function(json) {
       $result = $('#friendListTemplate').tmpl(json.data);
       $('#memberFriendList').html($result);
       $('#memberFriendList').show();
diff --git a/apps/pc_frontend/modules/member/templates/_smtMemberJoinCommunityListBox.php b/apps/pc_frontend/modules/member/templates/_smtMemberJoinCommunityListBox.php
index 386b1fea0..8ceaffb08 100644
--- a/apps/pc_frontend/modules/member/templates/_smtMemberJoinCommunityListBox.php
+++ b/apps/pc_frontend/modules/member/templates/_smtMemberJoinCommunityListBox.php
@@ -7,7 +7,7 @@
 </script>
 <script type="text/javascript">
 $(function(){
-  $.getJSON( openpne.apiBase + 'member/community.json?member_id=<?php echo $member->getId() ?>&apiKey=' + openpne.apiKey, function(json) {
+  op.api.getJSON('member/community.json', {member_id: <?php echo $member->getId() ?>}, function(json) {
     $('#joinCommunityListTemplate').tmpl(json.data).appendTo('#memberJoinCommunityList');
     $('#memberJoinCommunityList').show();
     $('#memberJoinCommunityListLoading').hide();
@@ -19,8 +19,8 @@
   });
   $('#joinCommunitySearch').blur(function(){
     var keyword = $('#joinCommunitySearch').val();
-    var requestData = { member_id: <?php echo $member->getId(); ?>, keyword: keyword, apiKey: openpne.apiKey };
-    $.getJSON( openpne.apiBase + 'member/community.json', requestData, function(json) {
+    var requestData = {member_id: <?php echo $member->getId(); ?>, keyword: keyword};
+    op.api.getJSON('member/community.json', requestData, function(json) {
       $result = $('#joinCommunityListTemplate').tmpl(json.data);
       $('#memberJoinCommunityList').html($result);
       $('#memberJoinCommunityList').show();
diff --git a/apps/pc_frontend/modules/member/templates/smtProfileSuccess.php b/apps/pc_frontend/modules/member/templates/smtProfileSuccess.php
index f81e84be1..feb3e60f0 100644
--- a/apps/pc_frontend/modules/member/templates/smtProfileSuccess.php
+++ b/apps/pc_frontend/modules/member/templates/smtProfileSuccess.php
@@ -14,10 +14,10 @@
   $('#addFriend').click(function(){
     $('#addFriendLinkLoading').show();
     $('#addFriendLink').hide();
-    $.ajax({
+    op.api.ajax({
       type: 'GET',
-      url: openpne.apiBase + 'member/friend_request.json',
-      data: 'member_id=<?php echo $member->getId() ?>&apiKey=' + openpne.apiKey,
+      url: 'member/friend_request.json',
+      data: {member_id: <?php echo $member->getId() ?>},
       success: function(json){
         $('#addFriendLinkFinish').show();
         $('#addFriendLinkLoading').hide();
diff --git a/apps/pc_frontend/modules/member/templates/smtSearchSuccess.php b/apps/pc_frontend/modules/member/templates/smtSearchSuccess.php
index 08c84be9a..84d003a21 100644
--- a/apps/pc_frontend/modules/member/templates/smtSearchSuccess.php
+++ b/apps/pc_frontend/modules/member/templates/smtSearchSuccess.php
@@ -7,7 +7,7 @@
 </script>
 <script type="text/javascript">
 $(function(){
-  $.getJSON( openpne.apiBase + 'member/search.json?apiKey=' + openpne.apiKey, function(json) {
+  op.api.getJSON('member/search.json', function(json) {
     $result = $('#friendListTemplate').tmpl(json.data);
     $('#memberFriendList').html($result);
     $('#memberFriendList').show();
@@ -20,8 +20,8 @@
   });
   $('#memberFriendSearch').blur(function(){
     var keyword = $('#memberFriendSearch').val();
-    var requestData = { keyword: keyword, apiKey: openpne.apiKey };
-    $.getJSON( openpne.apiBase + 'member/search.json', requestData, function(json) {
+    var requestData = {keyword: keyword};
+    op.api.getJSON('member/search.json', requestData, function(json) {
       $result = $('#friendListTemplate').tmpl(json.data);
       $('#memberFriendList').html($result);
       $('#memberFriendList').show();
diff --git a/apps/pc_frontend/templates/_layout.php b/apps/pc_frontend/templates/_layout.php
index b42cb1a8c..0c051417d 100644
--- a/apps/pc_frontend/templates/_layout.php
+++ b/apps/pc_frontend/templates/_layout.php
@@ -13,8 +13,12 @@
 use_helper('Javascript');
 
 use_javascript('jquery.min.js');
+use_javascript('underscore-min.js');
+use_javascript('backbone-min.js');
 use_javascript('jquery.tmpl.min.js');
 use_javascript('jquery.notify.js');
+use_javascript('openpne/api.js');
+
 use_javascript('op_notify.js');
 $jsonData = array(
   'apiKey' => $sf_user->getMemberApiKey(),
@@ -22,12 +26,15 @@
 );
 
 $json = defined('JSON_PRETTY_PRINT') ? json_encode($jsonData, JSON_PRETTY_PRINT) : json_encode($jsonData);
-
-echo javascript_tag('
-var openpne = '.$json.';
-');
 ?>
 <?php endif ?>
+<?php if (opConfig::get('enable_jsonapi') && opToolkit::isSecurePage()): ?>
+<script type="text/javascript">
+var op = {
+  api: <?php echo $json ?>
+};
+</script>
+<?php endif ?>
 <?php include_javascripts() ?>
 <?php echo $op_config->get('pc_html_head') ?>
 </head>
diff --git a/apps/pc_frontend/templates/smtLayoutGroup.php b/apps/pc_frontend/templates/smtLayoutGroup.php
index 467e43191..f1ec77c6d 100644
--- a/apps/pc_frontend/templates/smtLayoutGroup.php
+++ b/apps/pc_frontend/templates/smtLayoutGroup.php
@@ -25,13 +25,18 @@
 ');
 ?>
 <?php endif ?>
-<?php op_smt_use_javascript('jquery.min.js') ?>
-<?php op_smt_use_javascript('jquery.tmpl.min.js') ?>
-<?php op_smt_use_javascript('smt_main') ?>
-<?php op_smt_use_javascript('smt_notify') ?>
-<?php op_smt_use_javascript('smt_tosaka') ?>
-<?php op_smt_use_javascript('smt_menu') ?>
-<?php op_smt_include_javascripts() ?>
+<?php
+op_smt_use_javascript('jquery.min.js');
+op_smt_use_javascript('underscore-min.js');
+op_smt_use_javascript('backbone-min.js');
+op_smt_use_javascript('jquery.tmpl.min.js');
+op_smt_use_javascript('jquery.notify.js');
+op_smt_use_javascript('openpne/api.js');
+op_smt_use_javascript('smt_main');
+op_smt_use_javascript('smt_tosaka');
+op_smt_use_javascript('smt_menu');
+op_smt_include_javascripts();
+?>
 </head>
 <body id="<?php printf('page_%s_%s', $this->getModuleName(), $this->getActionName()) ?>" class="<?php echo opToolkit::isSecurePage() ? 'secure_page' : 'insecure_page' ?>">
 <?php if (isset($op_layout['community'])): ?>
diff --git a/apps/pc_frontend/templates/smtLayoutHome.php b/apps/pc_frontend/templates/smtLayoutHome.php
index bf9201a28..41f7ac48b 100644
--- a/apps/pc_frontend/templates/smtLayoutHome.php
+++ b/apps/pc_frontend/templates/smtLayoutHome.php
@@ -19,19 +19,25 @@
 );
 
 $json = defined('JSON_PRETTY_PRINT') ? json_encode($jsonData, JSON_PRETTY_PRINT) : json_encode($jsonData);
-
-echo javascript_tag('
-var openpne = '.$json.';
-');
 ?>
+<script type="text/javascript">
+var op = {
+  api: <?php echo $json ?>
+};
+</script>
 <?php endif ?>
-<?php op_smt_use_javascript('jquery.min.js') ?>
-<?php op_smt_use_javascript('jquery.tmpl.min.js') ?>
-<?php op_smt_use_javascript('smt_main') ?>
-<?php op_smt_use_javascript('smt_notify') ?>
-<?php op_smt_use_javascript('smt_tosaka') ?>
-<?php op_smt_use_javascript('smt_menu') ?>
-<?php op_smt_include_javascripts() ?>
+<?php
+op_smt_use_javascript('jquery.min.js');
+op_smt_use_javascript('underscore-min.js');
+op_smt_use_javascript('backbone-min.js');
+op_smt_use_javascript('jquery.tmpl.min.js');
+op_smt_use_javascript('jquery.notify.js');
+op_smt_use_javascript('openpne/api.js');
+op_smt_use_javascript('smt_main');
+op_smt_use_javascript('smt_tosaka');
+op_smt_use_javascript('smt_menu');
+op_smt_include_javascripts();
+?>
 </head>
 <body id="<?php printf('page_%s_%s', $this->getModuleName(), $this->getActionName()) ?>" class="<?php echo opToolkit::isSecurePage() ? 'secure_page' : 'insecure_page' ?>">
 <?php include_partial('global/tosaka') ?>
diff --git a/apps/pc_frontend/templates/smtLayoutMember.php b/apps/pc_frontend/templates/smtLayoutMember.php
index edd858850..02125e225 100644
--- a/apps/pc_frontend/templates/smtLayoutMember.php
+++ b/apps/pc_frontend/templates/smtLayoutMember.php
@@ -19,19 +19,25 @@
 );
 
 $json = defined('JSON_PRETTY_PRINT') ? json_encode($jsonData, JSON_PRETTY_PRINT) : json_encode($jsonData);
-
-echo javascript_tag('
-var openpne = '.$json.';
-');
 ?>
+<script type="text/javascript">
+var op = {
+  api: <?php echo $json ?>
+};
+</script>
 <?php endif ?>
-<?php op_smt_use_javascript('jquery.min.js') ?>
-<?php op_smt_use_javascript('jquery.tmpl.min.js') ?>
-<?php op_smt_use_javascript('smt_main') ?>
-<?php op_smt_use_javascript('smt_notify') ?>
-<?php op_smt_use_javascript('smt_tosaka') ?>
-<?php op_smt_use_javascript('smt_menu') ?>
-<?php op_smt_include_javascripts() ?>
+<?php
+op_smt_use_javascript('jquery.min.js');
+op_smt_use_javascript('underscore-min.js');
+op_smt_use_javascript('backbone-min.js');
+op_smt_use_javascript('jquery.tmpl.min.js');
+op_smt_use_javascript('jquery.notify.js');
+op_smt_use_javascript('openpne/api.js');
+op_smt_use_javascript('smt_main');
+op_smt_use_javascript('smt_tosaka');
+op_smt_use_javascript('smt_menu');
+op_smt_include_javascripts();
+?>
 </head>
 <body id="<?php printf('page_%s_%s', $this->getModuleName(), $this->getActionName()) ?>" class="<?php echo opToolkit::isSecurePage() ? 'secure_page' : 'insecure_page' ?>">
 <?php include_partial('global/tosaka') ?>
diff --git a/apps/pc_frontend/templates/smtLayoutSns.php b/apps/pc_frontend/templates/smtLayoutSns.php
index 15dba17c3..ddf3be4d0 100644
--- a/apps/pc_frontend/templates/smtLayoutSns.php
+++ b/apps/pc_frontend/templates/smtLayoutSns.php
@@ -19,19 +19,25 @@
 );
 
 $json = defined('JSON_PRETTY_PRINT') ? json_encode($jsonData, JSON_PRETTY_PRINT) : json_encode($jsonData);
-
-echo javascript_tag('
-var openpne = '.$json.';
-');
 ?>
+<script type="text/javascript">
+var op = {
+  api: <?php echo $json ?>
+};
+</script>
 <?php endif ?>
-<?php op_smt_use_javascript('jquery.min.js') ?>
-<?php op_smt_use_javascript('jquery.tmpl.min.js') ?>
-<?php op_smt_use_javascript('smt_main') ?>
-<?php op_smt_use_javascript('smt_notify') ?>
-<?php op_smt_use_javascript('smt_tosaka') ?>
-<?php op_smt_use_javascript('smt_menu') ?>
-<?php op_smt_include_javascripts() ?>
+<?php
+op_smt_use_javascript('jquery.min.js');
+op_smt_use_javascript('underscore-min.js');
+op_smt_use_javascript('backbone-min.js');
+op_smt_use_javascript('jquery.tmpl.min.js');
+op_smt_use_javascript('jquery.notify.js');
+op_smt_use_javascript('openpne/api.js');
+op_smt_use_javascript('smt_main');
+op_smt_use_javascript('smt_tosaka');
+op_smt_use_javascript('smt_menu');
+op_smt_include_javascripts();
+?>
 </head>
 <body id="<?php printf('page_%s_%s', $this->getModuleName(), $this->getActionName()) ?>" class="<?php echo opToolkit::isSecurePage() ? 'secure_page' : 'insecure_page' ?>">
 
diff --git a/web/js/backbone-min.js b/web/js/backbone-min.js
new file mode 100644
index 000000000..3b2593dd2
--- /dev/null
+++ b/web/js/backbone-min.js
@@ -0,0 +1,2 @@
+(function(){var t=this;var e=t.Backbone;var i=[];var r=i.push;var s=i.slice;var n=i.splice;var a;if(typeof exports!=="undefined"){a=exports}else{a=t.Backbone={}}a.VERSION="1.1.0";var h=t._;if(!h&&typeof require!=="undefined")h=require("underscore");a.$=t.jQuery||t.Zepto||t.ender||t.$;a.noConflict=function(){t.Backbone=e;return this};a.emulateHTTP=false;a.emulateJSON=false;var o=a.Events={on:function(t,e,i){if(!l(this,"on",t,[e,i])||!e)return this;this._events||(this._events={});var r=this._events[t]||(this._events[t]=[]);r.push({callback:e,context:i,ctx:i||this});return this},once:function(t,e,i){if(!l(this,"once",t,[e,i])||!e)return this;var r=this;var s=h.once(function(){r.off(t,s);e.apply(this,arguments)});s._callback=e;return this.on(t,s,i)},off:function(t,e,i){var r,s,n,a,o,u,c,f;if(!this._events||!l(this,"off",t,[e,i]))return this;if(!t&&!e&&!i){this._events={};return this}a=t?[t]:h.keys(this._events);for(o=0,u=a.length;o<u;o++){t=a[o];if(n=this._events[t]){this._events[t]=r=[];if(e||i){for(c=0,f=n.length;c<f;c++){s=n[c];if(e&&e!==s.callback&&e!==s.callback._callback||i&&i!==s.context){r.push(s)}}}if(!r.length)delete this._events[t]}}return this},trigger:function(t){if(!this._events)return this;var e=s.call(arguments,1);if(!l(this,"trigger",t,e))return this;var i=this._events[t];var r=this._events.all;if(i)c(i,e);if(r)c(r,arguments);return this},stopListening:function(t,e,i){var r=this._listeningTo;if(!r)return this;var s=!e&&!i;if(!i&&typeof e==="object")i=this;if(t)(r={})[t._listenId]=t;for(var n in r){t=r[n];t.off(e,i,this);if(s||h.isEmpty(t._events))delete this._listeningTo[n]}return this}};var u=/\s+/;var l=function(t,e,i,r){if(!i)return true;if(typeof i==="object"){for(var s in i){t[e].apply(t,[s,i[s]].concat(r))}return false}if(u.test(i)){var n=i.split(u);for(var a=0,h=n.length;a<h;a++){t[e].apply(t,[n[a]].concat(r))}return false}return true};var c=function(t,e){var i,r=-1,s=t.length,n=e[0],a=e[1],h=e[2];switch(e.length){case 0:while(++r<s)(i=t[r]).callback.call(i.ctx);return;case 1:while(++r<s)(i=t[r]).callback.call(i.ctx,n);return;case 2:while(++r<s)(i=t[r]).callback.call(i.ctx,n,a);return;case 3:while(++r<s)(i=t[r]).callback.call(i.ctx,n,a,h);return;default:while(++r<s)(i=t[r]).callback.apply(i.ctx,e)}};var f={listenTo:"on",listenToOnce:"once"};h.each(f,function(t,e){o[e]=function(e,i,r){var s=this._listeningTo||(this._listeningTo={});var n=e._listenId||(e._listenId=h.uniqueId("l"));s[n]=e;if(!r&&typeof i==="object")r=this;e[t](i,r,this);return this}});o.bind=o.on;o.unbind=o.off;h.extend(a,o);var d=a.Model=function(t,e){var i=t||{};e||(e={});this.cid=h.uniqueId("c");this.attributes={};if(e.collection)this.collection=e.collection;if(e.parse)i=this.parse(i,e)||{};i=h.defaults({},i,h.result(this,"defaults"));this.set(i,e);this.changed={};this.initialize.apply(this,arguments)};h.extend(d.prototype,o,{changed:null,validationError:null,idAttribute:"id",initialize:function(){},toJSON:function(t){return h.clone(this.attributes)},sync:function(){return a.sync.apply(this,arguments)},get:function(t){return this.attributes[t]},escape:function(t){return h.escape(this.get(t))},has:function(t){return this.get(t)!=null},set:function(t,e,i){var r,s,n,a,o,u,l,c;if(t==null)return this;if(typeof t==="object"){s=t;i=e}else{(s={})[t]=e}i||(i={});if(!this._validate(s,i))return false;n=i.unset;o=i.silent;a=[];u=this._changing;this._changing=true;if(!u){this._previousAttributes=h.clone(this.attributes);this.changed={}}c=this.attributes,l=this._previousAttributes;if(this.idAttribute in s)this.id=s[this.idAttribute];for(r in s){e=s[r];if(!h.isEqual(c[r],e))a.push(r);if(!h.isEqual(l[r],e)){this.changed[r]=e}else{delete this.changed[r]}n?delete c[r]:c[r]=e}if(!o){if(a.length)this._pending=true;for(var f=0,d=a.length;f<d;f++){this.trigger("change:"+a[f],this,c[a[f]],i)}}if(u)return this;if(!o){while(this._pending){this._pending=false;this.trigger("change",this,i)}}this._pending=false;this._changing=false;return this},unset:function(t,e){return this.set(t,void 0,h.extend({},e,{unset:true}))},clear:function(t){var e={};for(var i in this.attributes)e[i]=void 0;return this.set(e,h.extend({},t,{unset:true}))},hasChanged:function(t){if(t==null)return!h.isEmpty(this.changed);return h.has(this.changed,t)},changedAttributes:function(t){if(!t)return this.hasChanged()?h.clone(this.changed):false;var e,i=false;var r=this._changing?this._previousAttributes:this.attributes;for(var s in t){if(h.isEqual(r[s],e=t[s]))continue;(i||(i={}))[s]=e}return i},previous:function(t){if(t==null||!this._previousAttributes)return null;return this._previousAttributes[t]},previousAttributes:function(){return h.clone(this._previousAttributes)},fetch:function(t){t=t?h.clone(t):{};if(t.parse===void 0)t.parse=true;var e=this;var i=t.success;t.success=function(r){if(!e.set(e.parse(r,t),t))return false;if(i)i(e,r,t);e.trigger("sync",e,r,t)};M(this,t);return this.sync("read",this,t)},save:function(t,e,i){var r,s,n,a=this.attributes;if(t==null||typeof t==="object"){r=t;i=e}else{(r={})[t]=e}i=h.extend({validate:true},i);if(r&&!i.wait){if(!this.set(r,i))return false}else{if(!this._validate(r,i))return false}if(r&&i.wait){this.attributes=h.extend({},a,r)}if(i.parse===void 0)i.parse=true;var o=this;var u=i.success;i.success=function(t){o.attributes=a;var e=o.parse(t,i);if(i.wait)e=h.extend(r||{},e);if(h.isObject(e)&&!o.set(e,i)){return false}if(u)u(o,t,i);o.trigger("sync",o,t,i)};M(this,i);s=this.isNew()?"create":i.patch?"patch":"update";if(s==="patch")i.attrs=r;n=this.sync(s,this,i);if(r&&i.wait)this.attributes=a;return n},destroy:function(t){t=t?h.clone(t):{};var e=this;var i=t.success;var r=function(){e.trigger("destroy",e,e.collection,t)};t.success=function(s){if(t.wait||e.isNew())r();if(i)i(e,s,t);if(!e.isNew())e.trigger("sync",e,s,t)};if(this.isNew()){t.success();return false}M(this,t);var s=this.sync("delete",this,t);if(!t.wait)r();return s},url:function(){var t=h.result(this,"urlRoot")||h.result(this.collection,"url")||U();if(this.isNew())return t;return t+(t.charAt(t.length-1)==="/"?"":"/")+encodeURIComponent(this.id)},parse:function(t,e){return t},clone:function(){return new this.constructor(this.attributes)},isNew:function(){return this.id==null},isValid:function(t){return this._validate({},h.extend(t||{},{validate:true}))},_validate:function(t,e){if(!e.validate||!this.validate)return true;t=h.extend({},this.attributes,t);var i=this.validationError=this.validate(t,e)||null;if(!i)return true;this.trigger("invalid",this,i,h.extend(e,{validationError:i}));return false}});var p=["keys","values","pairs","invert","pick","omit"];h.each(p,function(t){d.prototype[t]=function(){var e=s.call(arguments);e.unshift(this.attributes);return h[t].apply(h,e)}});var v=a.Collection=function(t,e){e||(e={});if(e.model)this.model=e.model;if(e.comparator!==void 0)this.comparator=e.comparator;this._reset();this.initialize.apply(this,arguments);if(t)this.reset(t,h.extend({silent:true},e))};var g={add:true,remove:true,merge:true};var m={add:true,remove:false};h.extend(v.prototype,o,{model:d,initialize:function(){},toJSON:function(t){return this.map(function(e){return e.toJSON(t)})},sync:function(){return a.sync.apply(this,arguments)},add:function(t,e){return this.set(t,h.extend({merge:false},e,m))},remove:function(t,e){var i=!h.isArray(t);t=i?[t]:h.clone(t);e||(e={});var r,s,n,a;for(r=0,s=t.length;r<s;r++){a=t[r]=this.get(t[r]);if(!a)continue;delete this._byId[a.id];delete this._byId[a.cid];n=this.indexOf(a);this.models.splice(n,1);this.length--;if(!e.silent){e.index=n;a.trigger("remove",a,this,e)}this._removeReference(a)}return i?t[0]:t},set:function(t,e){e=h.defaults({},e,g);if(e.parse)t=this.parse(t,e);var i=!h.isArray(t);t=i?t?[t]:[]:h.clone(t);var r,s,n,a,o,u,l;var c=e.at;var f=this.model;var p=this.comparator&&c==null&&e.sort!==false;var v=h.isString(this.comparator)?this.comparator:null;var m=[],y=[],_={};var w=e.add,b=e.merge,x=e.remove;var E=!p&&w&&x?[]:false;for(r=0,s=t.length;r<s;r++){o=t[r];if(o instanceof d){n=a=o}else{n=o[f.prototype.idAttribute]}if(u=this.get(n)){if(x)_[u.cid]=true;if(b){o=o===a?a.attributes:o;if(e.parse)o=u.parse(o,e);u.set(o,e);if(p&&!l&&u.hasChanged(v))l=true}t[r]=u}else if(w){a=t[r]=this._prepareModel(o,e);if(!a)continue;m.push(a);a.on("all",this._onModelEvent,this);this._byId[a.cid]=a;if(a.id!=null)this._byId[a.id]=a}if(E)E.push(u||a)}if(x){for(r=0,s=this.length;r<s;++r){if(!_[(a=this.models[r]).cid])y.push(a)}if(y.length)this.remove(y,e)}if(m.length||E&&E.length){if(p)l=true;this.length+=m.length;if(c!=null){for(r=0,s=m.length;r<s;r++){this.models.splice(c+r,0,m[r])}}else{if(E)this.models.length=0;var T=E||m;for(r=0,s=T.length;r<s;r++){this.models.push(T[r])}}}if(l)this.sort({silent:true});if(!e.silent){for(r=0,s=m.length;r<s;r++){(a=m[r]).trigger("add",a,this,e)}if(l||E&&E.length)this.trigger("sort",this,e)}return i?t[0]:t},reset:function(t,e){e||(e={});for(var i=0,r=this.models.length;i<r;i++){this._removeReference(this.models[i])}e.previousModels=this.models;this._reset();t=this.add(t,h.extend({silent:true},e));if(!e.silent)this.trigger("reset",this,e);return t},push:function(t,e){return this.add(t,h.extend({at:this.length},e))},pop:function(t){var e=this.at(this.length-1);this.remove(e,t);return e},unshift:function(t,e){return this.add(t,h.extend({at:0},e))},shift:function(t){var e=this.at(0);this.remove(e,t);return e},slice:function(){return s.apply(this.models,arguments)},get:function(t){if(t==null)return void 0;return this._byId[t.id]||this._byId[t.cid]||this._byId[t]},at:function(t){return this.models[t]},where:function(t,e){if(h.isEmpty(t))return e?void 0:[];return this[e?"find":"filter"](function(e){for(var i in t){if(t[i]!==e.get(i))return false}return true})},findWhere:function(t){return this.where(t,true)},sort:function(t){if(!this.comparator)throw new Error("Cannot sort a set without a comparator");t||(t={});if(h.isString(this.comparator)||this.comparator.length===1){this.models=this.sortBy(this.comparator,this)}else{this.models.sort(h.bind(this.comparator,this))}if(!t.silent)this.trigger("sort",this,t);return this},pluck:function(t){return h.invoke(this.models,"get",t)},fetch:function(t){t=t?h.clone(t):{};if(t.parse===void 0)t.parse=true;var e=t.success;var i=this;t.success=function(r){var s=t.reset?"reset":"set";i[s](r,t);if(e)e(i,r,t);i.trigger("sync",i,r,t)};M(this,t);return this.sync("read",this,t)},create:function(t,e){e=e?h.clone(e):{};if(!(t=this._prepareModel(t,e)))return false;if(!e.wait)this.add(t,e);var i=this;var r=e.success;e.success=function(t,e,s){if(s.wait)i.add(t,s);if(r)r(t,e,s)};t.save(null,e);return t},parse:function(t,e){return t},clone:function(){return new this.constructor(this.models)},_reset:function(){this.length=0;this.models=[];this._byId={}},_prepareModel:function(t,e){if(t instanceof d){if(!t.collection)t.collection=this;return t}e=e?h.clone(e):{};e.collection=this;var i=new this.model(t,e);if(!i.validationError)return i;this.trigger("invalid",this,i.validationError,e);return false},_removeReference:function(t){if(this===t.collection)delete t.collection;t.off("all",this._onModelEvent,this)},_onModelEvent:function(t,e,i,r){if((t==="add"||t==="remove")&&i!==this)return;if(t==="destroy")this.remove(e,r);if(e&&t==="change:"+e.idAttribute){delete this._byId[e.previous(e.idAttribute)];if(e.id!=null)this._byId[e.id]=e}this.trigger.apply(this,arguments)}});var y=["forEach","each","map","collect","reduce","foldl","inject","reduceRight","foldr","find","detect","filter","select","reject","every","all","some","any","include","contains","invoke","max","min","toArray","size","first","head","take","initial","rest","tail","drop","last","without","difference","indexOf","shuffle","lastIndexOf","isEmpty","chain"];h.each(y,function(t){v.prototype[t]=function(){var e=s.call(arguments);e.unshift(this.models);return h[t].apply(h,e)}});var _=["groupBy","countBy","sortBy"];h.each(_,function(t){v.prototype[t]=function(e,i){var r=h.isFunction(e)?e:function(t){return t.get(e)};return h[t](this.models,r,i)}});var w=a.View=function(t){this.cid=h.uniqueId("view");t||(t={});h.extend(this,h.pick(t,x));this._ensureElement();this.initialize.apply(this,arguments);this.delegateEvents()};var b=/^(\S+)\s*(.*)$/;var x=["model","collection","el","id","attributes","className","tagName","events"];h.extend(w.prototype,o,{tagName:"div",$:function(t){return this.$el.find(t)},initialize:function(){},render:function(){return this},remove:function(){this.$el.remove();this.stopListening();return this},setElement:function(t,e){if(this.$el)this.undelegateEvents();this.$el=t instanceof a.$?t:a.$(t);this.el=this.$el[0];if(e!==false)this.delegateEvents();return this},delegateEvents:function(t){if(!(t||(t=h.result(this,"events"))))return this;this.undelegateEvents();for(var e in t){var i=t[e];if(!h.isFunction(i))i=this[t[e]];if(!i)continue;var r=e.match(b);var s=r[1],n=r[2];i=h.bind(i,this);s+=".delegateEvents"+this.cid;if(n===""){this.$el.on(s,i)}else{this.$el.on(s,n,i)}}return this},undelegateEvents:function(){this.$el.off(".delegateEvents"+this.cid);return this},_ensureElement:function(){if(!this.el){var t=h.extend({},h.result(this,"attributes"));if(this.id)t.id=h.result(this,"id");if(this.className)t["class"]=h.result(this,"className");var e=a.$("<"+h.result(this,"tagName")+">").attr(t);this.setElement(e,false)}else{this.setElement(h.result(this,"el"),false)}}});a.sync=function(t,e,i){var r=T[t];h.defaults(i||(i={}),{emulateHTTP:a.emulateHTTP,emulateJSON:a.emulateJSON});var s={type:r,dataType:"json"};if(!i.url){s.url=h.result(e,"url")||U()}if(i.data==null&&e&&(t==="create"||t==="update"||t==="patch")){s.contentType="application/json";s.data=JSON.stringify(i.attrs||e.toJSON(i))}if(i.emulateJSON){s.contentType="application/x-www-form-urlencoded";s.data=s.data?{model:s.data}:{}}if(i.emulateHTTP&&(r==="PUT"||r==="DELETE"||r==="PATCH")){s.type="POST";if(i.emulateJSON)s.data._method=r;var n=i.beforeSend;i.beforeSend=function(t){t.setRequestHeader("X-HTTP-Method-Override",r);if(n)return n.apply(this,arguments)}}if(s.type!=="GET"&&!i.emulateJSON){s.processData=false}if(s.type==="PATCH"&&E){s.xhr=function(){return new ActiveXObject("Microsoft.XMLHTTP")}}var o=i.xhr=a.ajax(h.extend(s,i));e.trigger("request",e,o,i);return o};var E=typeof window!=="undefined"&&!!window.ActiveXObject&&!(window.XMLHttpRequest&&(new XMLHttpRequest).dispatchEvent);var T={create:"POST",update:"PUT",patch:"PATCH","delete":"DELETE",read:"GET"};a.ajax=function(){return a.$.ajax.apply(a.$,arguments)};var k=a.Router=function(t){t||(t={});if(t.routes)this.routes=t.routes;this._bindRoutes();this.initialize.apply(this,arguments)};var S=/\((.*?)\)/g;var $=/(\(\?)?:\w+/g;var H=/\*\w+/g;var A=/[\-{}\[\]+?.,\\\^$|#\s]/g;h.extend(k.prototype,o,{initialize:function(){},route:function(t,e,i){if(!h.isRegExp(t))t=this._routeToRegExp(t);if(h.isFunction(e)){i=e;e=""}if(!i)i=this[e];var r=this;a.history.route(t,function(s){var n=r._extractParameters(t,s);i&&i.apply(r,n);r.trigger.apply(r,["route:"+e].concat(n));r.trigger("route",e,n);a.history.trigger("route",r,e,n)});return this},navigate:function(t,e){a.history.navigate(t,e);return this},_bindRoutes:function(){if(!this.routes)return;this.routes=h.result(this,"routes");var t,e=h.keys(this.routes);while((t=e.pop())!=null){this.route(t,this.routes[t])}},_routeToRegExp:function(t){t=t.replace(A,"\\$&").replace(S,"(?:$1)?").replace($,function(t,e){return e?t:"([^/]+)"}).replace(H,"(.*?)");return new RegExp("^"+t+"$")},_extractParameters:function(t,e){var i=t.exec(e).slice(1);return h.map(i,function(t){return t?decodeURIComponent(t):null})}});var I=a.History=function(){this.handlers=[];h.bindAll(this,"checkUrl");if(typeof window!=="undefined"){this.location=window.location;this.history=window.history}};var N=/^[#\/]|\s+$/g;var O=/^\/+|\/+$/g;var P=/msie [\w.]+/;var C=/\/$/;var j=/[?#].*$/;I.started=false;h.extend(I.prototype,o,{interval:50,getHash:function(t){var e=(t||this).location.href.match(/#(.*)$/);return e?e[1]:""},getFragment:function(t,e){if(t==null){if(this._hasPushState||!this._wantsHashChange||e){t=this.location.pathname;var i=this.root.replace(C,"");if(!t.indexOf(i))t=t.slice(i.length)}else{t=this.getHash()}}return t.replace(N,"")},start:function(t){if(I.started)throw new Error("Backbone.history has already been started");I.started=true;this.options=h.extend({root:"/"},this.options,t);this.root=this.options.root;this._wantsHashChange=this.options.hashChange!==false;this._wantsPushState=!!this.options.pushState;this._hasPushState=!!(this.options.pushState&&this.history&&this.history.pushState);var e=this.getFragment();var i=document.documentMode;var r=P.exec(navigator.userAgent.toLowerCase())&&(!i||i<=7);this.root=("/"+this.root+"/").replace(O,"/");if(r&&this._wantsHashChange){this.iframe=a.$('<iframe src="javascript:0" tabindex="-1" />').hide().appendTo("body")[0].contentWindow;this.navigate(e)}if(this._hasPushState){a.$(window).on("popstate",this.checkUrl)}else if(this._wantsHashChange&&"onhashchange"in window&&!r){a.$(window).on("hashchange",this.checkUrl)}else if(this._wantsHashChange){this._checkUrlInterval=setInterval(this.checkUrl,this.interval)}this.fragment=e;var s=this.location;var n=s.pathname.replace(/[^\/]$/,"$&/")===this.root;if(this._wantsHashChange&&this._wantsPushState){if(!this._hasPushState&&!n){this.fragment=this.getFragment(null,true);this.location.replace(this.root+this.location.search+"#"+this.fragment);return true}else if(this._hasPushState&&n&&s.hash){this.fragment=this.getHash().replace(N,"");this.history.replaceState({},document.title,this.root+this.fragment+s.search)}}if(!this.options.silent)return this.loadUrl()},stop:function(){a.$(window).off("popstate",this.checkUrl).off("hashchange",this.checkUrl);clearInterval(this._checkUrlInterval);I.started=false},route:function(t,e){this.handlers.unshift({route:t,callback:e})},checkUrl:function(t){var e=this.getFragment();if(e===this.fragment&&this.iframe){e=this.getFragment(this.getHash(this.iframe))}if(e===this.fragment)return false;if(this.iframe)this.navigate(e);this.loadUrl()},loadUrl:function(t){t=this.fragment=this.getFragment(t);return h.any(this.handlers,function(e){if(e.route.test(t)){e.callback(t);return true}})},navigate:function(t,e){if(!I.started)return false;if(!e||e===true)e={trigger:!!e};var i=this.root+(t=this.getFragment(t||""));t=t.replace(j,"");if(this.fragment===t)return;this.fragment=t;if(t===""&&i!=="/")i=i.slice(0,-1);if(this._hasPushState){this.history[e.replace?"replaceState":"pushState"]({},document.title,i)}else if(this._wantsHashChange){this._updateHash(this.location,t,e.replace);if(this.iframe&&t!==this.getFragment(this.getHash(this.iframe))){if(!e.replace)this.iframe.document.open().close();this._updateHash(this.iframe.location,t,e.replace)}}else{return this.location.assign(i)}if(e.trigger)return this.loadUrl(t)},_updateHash:function(t,e,i){if(i){var r=t.href.replace(/(javascript:|#).*$/,"");t.replace(r+"#"+e)}else{t.hash="#"+e}}});a.history=new I;var R=function(t,e){var i=this;var r;if(t&&h.has(t,"constructor")){r=t.constructor}else{r=function(){return i.apply(this,arguments)}}h.extend(r,i,e);var s=function(){this.constructor=r};s.prototype=i.prototype;r.prototype=new s;if(t)h.extend(r.prototype,t);r.__super__=i.prototype;return r};d.extend=v.extend=k.extend=w.extend=I.extend=R;var U=function(){throw new Error('A "url" property or function must be specified')};var M=function(t,e){var i=e.error;e.error=function(r){if(i)i(t,r,e);t.trigger("error",t,r,e)}}}).call(this);
+//# sourceMappingURL=backbone-min.map
\ No newline at end of file
diff --git a/web/js/jquery.notify.js b/web/js/jquery.notify.js
index b6b27babb..d761079eb 100755
--- a/web/js/jquery.notify.js
+++ b/web/js/jquery.notify.js
@@ -10,7 +10,7 @@
       $(this).click(function(){
         if ( false == settings.isDisableRead )
         {
-          $.getJSON( openpne.apiBase + 'push/read.json' , { 'id': notifyId, 'apiKey': openpne.apiKey }, function(d){
+          op.api.getJSON('push/read.json', {'id': notifyId}, function(d){
             window.location = linkUrl;
           });
         }
@@ -30,11 +30,10 @@
         var pushElement = $(this).parents('.push');
         var memberId = pushElement.attr('data-member-id');
         var notifyId = pushElement.attr('data-notify-id');
-        $.getJSON( openpne.apiBase + 'push/read.json' , { 'id': notifyId, 'apiKey': openpne.apiKey }, function(d){});
-        $.ajax({
-          url: openpne.apiBase + 'member/friend_accept.json',
+        op.api.ajax({
+          url: 'member/friend_accept.json',
           type: 'GET',
-          data: 'member_id=' + memberId + '&apiKey=' + openpne.apiKey,
+          data: {member_id: memberId},
           dataType: 'json',
           success: function(data) {
             if(data.status=='success'){
@@ -63,11 +62,10 @@
         var pushElement = $(this).parents('.push');
         var memberId = pushElement.attr('data-member-id');
         var notifyId = pushElement.attr('data-notify-id');
-        $.getJSON( openpne.apiBase + 'push/read.json' , { 'id': notifyId, 'apiKey': openpne.apiKey }, function(d){});
-        $.ajax({
-          url: openpne.apiBase + 'member/friend_reject.json',
+        op.api.ajax({
+          url: 'member/friend_reject.json',
           type: 'GET',
-          data: 'member_id=' + memberId + '&apiKey=' + openpne.apiKey,
+          data: {member_id: memberId},
           dataType: 'json',
           success: function(data) {
             if(data.status=='success'){
diff --git a/web/js/op_notify.js b/web/js/op_notify.js
index 20315a196..30b9ba836 100755
--- a/web/js/op_notify.js
+++ b/web/js/op_notify.js
@@ -1,46 +1,38 @@
-$(document).ready(function(){
-  var is_read_flag = false;
-  $.getJSON( openpne.apiBase + 'push/count.json?apiKey=' + openpne.apiKey, function(json){
-    if(json.status=='success')
-    {
-      $pushHtml = $("#notificationCenterCountTemplate").tmpl(json.data);
-      $("#notificationCenter").append($pushHtml);
-    }
-  });
-
-  $('.ncbutton').click(function(){
-    if ('none' == $('#notificationCenterDetail').css('display'))
-    {
-      $('#notificationCenterDetail').show();
-      if (is_read_flag == false)
+var NotifyView = Backbone.View.extend({
+  events: {
+    'click .ncbutton': 'toggleNotify'
+  },
+  initialize:function() {
+    _.bindAll(this, 'toggleNotify');
+    op.api.getJSON('push/count.json', function(json){
+      if(json.status=='success')
       {
-        $.getJSON( openpne.apiBase + 'push/search.json?apiKey=' + openpne.apiKey, function(json){
-          if(json.status=='success')
-          {
-            if(json.data[0])
-            {
-              $pushHtml = $('#notificationCenterListTemplate').tmpl(json.data);
-              $('.friend-accept', $pushHtml).friendLink();
-              $('.friend-reject', $pushHtml).friendUnlink()
-              $('#notificationCenterLoading').hide();
-              $('#notificationCenterError').hide();
-              $('#notificationCenterDetail').append($pushHtml);
-            }else{
-              $('#notificationCenterLoading').hide();
-              $('#notificationCenterError').show();
-            }            
-          }else{
-            $('#notificationCenterLoading').hide();
-            $('#notificationCenterError').show();
-          }
-          $('.nclink').pushLink();
-        });
-        is_read_flag = true;
+        $pushHtml = $("#notificationCenterCountTemplate").tmpl(json.data);
+        $("#notificationCenter").append($pushHtml);
+      }
+    });
+  },
+  toggleNotify: function() {
+    $('#notificationCenterDetail').toggle();
+    this._getNotify();
+  },
+  _getNotify: _.once(function() {
+    op.api.getJSON('push/search.json', function(json){
+      if(json.status === 'success' && json.data[0]) {
+        $pushHtml = $('#notificationCenterListTemplate').tmpl(json.data);
+        $('.friend-accept', $pushHtml).friendLink();
+        $('.friend-reject', $pushHtml).friendUnlink()
+        $('#notificationCenterError').hide();
+        $('#notificationCenterDetail').append($pushHtml);
+      }else{
+        $('#notificationCenterError').show();
       }
-    }
-    else
-    {
-      $('#notificationCenterDetail').hide();
-    }
-  });
+      $('#notificationCenterLoading').hide();
+      $('.nclink').pushLink();
+    });
+  })
+});
+
+$(document).ready(function() {
+  var notifyView = new NotifyView({el:$('#notificationCenter')});
 });
diff --git a/web/js/openpne/api.js b/web/js/openpne/api.js
new file mode 100644
index 000000000..21fce9991
--- /dev/null
+++ b/web/js/openpne/api.js
@@ -0,0 +1,30 @@
+op.api = _.extend({
+	apiKey: null,
+	apiBase: null,
+
+	getJSON: function(url, data, callback) {
+		if ($.isFunction(data)) {
+			callback = data;
+			data = undefined;
+		}
+		this.ajax({
+			type: 'GET',
+			url: url,
+			data: data,
+			dataType: 'json',
+			success: callback
+		});
+	},
+
+	ajax: function(url, options) {
+		if (typeof url === "object") {
+			options = url;
+			url = undefined;
+		}
+		$.ajax(url, _.extend({}, options, {
+			url: this.apiBase + options.url,
+			data: _.extend({apiKey: this.apiKey}, options.data)
+		}));
+	}
+
+}, op.api);
diff --git a/web/js/smt_notify.js b/web/js/smt_notify.js
deleted file mode 100644
index f5a080977..000000000
--- a/web/js/smt_notify.js
+++ /dev/null
@@ -1,109 +0,0 @@
-/*******************************************************
-** jQuery notification center functions
-** how to use : $('#element').pushLink();
-**              $('#element').friendLink(buttonElement: '.button', ncfriendloadingElement: '#ncfriendloading', ncfriendresultmessageElement: '#ncfriendresultmessage');
-**              $('#element').friendUnlink(buttonElement: '.button', ncfriendloadingElement: '#ncfriendloading', ncfriendresultmessageElement: '#ncfriendresultmessage');
-** @author    : Shouta Kashiwagi <kashiwagi@tejimaya.com>
-*********************************************************/
-
-(function($){
-	var _followScroll = true;
-	var _readyBound = false;
-
-	$.fn.pushLink = function(settings){
-
-		settings = $.extend({
-			isDisableRead: false,
-		}, settings);
-
-		return this.each(function(){
-			var linkUrl = $(this).attr('data-location-url');
-			var notifyId = $(this).attr('data-notify-id');
-			$(this).mouseover(function(){
-				$(this).addClass('hover');
-			})
-			.mouseout(function(){
-				$(this).removeClass('hover');
-			})
-			$(this).click(function(){
-				if ( false == settings.isDisableRead )
-                                {
-					$.getJSON( openpne.apiBase + 'push/read.json' , { 'id': notifyId, 'apiKey': openpne.apiKey }, function(d){
-						window.location = linkUrl;
-					});
-				}
-				else
-				{
-					window.location = linkUrl;
-				}
-			});
-		});
-	};
-
-	$.fn.friendLink = function(settings){
-		return this.each(function(){
-			$(this).click(function(){
-				$(this).parent().find('.friend-notify-button').hide();
-				$(this).parent().find('.ncfriendloading:first').show();
-			        var pushElement = $(this).parents('.push');
-				var memberId = pushElement.attr('data-member-id');
-				var notifyId = pushElement.attr('data-notify-id');
-				$.getJSON( openpne.apiBase + 'push/read.json' , { 'id': notifyId, 'apiKey': openpne.apiKey }, function(d){});
-				$.ajax({
-					url: openpne.apiBase + 'member/friend_accept.json',
-					type: 'GET',
-					data: 'member_id=' + memberId + '&apiKey=' + openpne.apiKey,
-					dataType: 'json',
-					success: function(data) {
-						if(data.status=='success'){
-							$('.ncfriendloading').hide();
-							$(this).parent().find('.ncfriendresultmessage').text('フレンド申請を承認しました。');
-							$(this).parent().find('.ncfriendresultmessage').show();
-						}else{
-							alert(data.message);
-						}   
-					},
-					error: function(r, s, e){
-						$('.ncfriendloading').hide();
-						$(this).parent().find('.ncfriendresultmessage').text('既に承認済みか拒否済みです。');
-						$(this).parent().find('.ncfriendresultmessage').show(); 
-                                        }
-				});
-			});
-		});
-  };
-
-	$.fn.friendUnlink = function(settings){
-		return this.each(function(){
-			$(this).click(function(){
-				$(this).parent().find('.friend-notify-button').hide();
-				$(this).parent().find('.ncfriendloading:first').show();
-			        var pushElement = $(this).parents('.push');
-				var memberId = pushElement.attr('data-member-id');
-				var notifyId = pushElement.attr('data-notify-id');
-				$.getJSON( openpne.apiBase + 'push/read.json' , { 'id': notifyId, 'apiKey': openpne.apiKey }, function(d){});
-				$.ajax({
-					url: openpne.apiBase + 'member/friend_reject.json',
-					type: 'GET',
-					data: 'member_id=' + memberId + '&apiKey=' + openpne.apiKey,
-					dataType: 'json',
-					success: function(data) {
-						if(data.status=='success'){
-							$('.ncfriendloading').hide();
-							$(this).parent().find('.ncfriendresultmessage').text('フレンド申請を拒否しました。');
-							$(this).parent().find('.ncfriendresultmessage').show();
-						}else{
-							alert(data.message);
-						}   
-					},
-					error: function(r, s, e){
-						$('.ncfriendloading').hide();
-						$(this).parent().find('.ncfriendresultmessage').text('既に承認済みか拒否済みです。');
-						$(this).parent().find('.ncfriendresultmessage').show(); 
-                                        }
-				});
-			});
-		});
-  };
-
-})(jQuery);
diff --git a/web/js/smt_tosaka.js b/web/js/smt_tosaka.js
index b7c296070..b87705273 100644
--- a/web/js/smt_tosaka.js
+++ b/web/js/smt_tosaka.js
@@ -1,16 +1,41 @@
-$(document).ready(function(){
-  $(".ncbutton").click(function(){
+var TosakaView = Backbone.View.extend({
+  events: {
+    'click .ncbutton': 'toggleNotify',
+    'click .btn-navbar': 'toggleMenu',
+    'click .postbutton': 'togglePostform',
+    'click .toggle1_close': 'close',
+    'click #tosaka_postform_submit': 'post'
+  },
+  initialize:function() {
+    _.bindAll(this, 'toggleNotify', 'toggleMenu', 'togglePostform', 'close', 'post');
+
+    op.api.getJSON('push/count.json', function(json){
+      if(json.status=='success')
+      {
+        $pushHtml = $("#pushCountTemplate").tmpl(json.data);
+        $("#notification_center").append($pushHtml);
+      }else{
+        alert(json.message);
+      }
+    });
+  },
+  toggleNotify: function() {
     $(".toggle1:not(.ncform)").hide();
     $(".ncform").toggle();
     $('#pushLoading').show();
     if('none' !== $('.ncform').css('display'))
     {
-      $.getJSON( openpne.apiBase + 'push/search.json?apiKey=' + openpne.apiKey, function(json){
+      op.api.getJSON('push/search.json', function(json){
         if(json.status=='success')
         {
           $pushHtml = $("#pushListTemplate").tmpl(json.data);
-          $('.friend-accept', $pushHtml).friendLink({ buttonElement: '.friend-notify-button', ncfriendloadingElement: '#ncfriendloading', ncfriendresultmessageElement: '#ncfriendresultmessage', });
-          $('.friend-reject', $pushHtml).friendUnlink({ buttonElement: '.friend-notify-button', ncfriendloadingElement: '#ncfriendloading', ncfriendresultmessageElement: '#ncfriendresultmessage', })
+          var param = {
+            buttonElement: '.friend-notify-button',
+            ncfriendloadingElement: '#ncfriendloading',
+            ncfriendresultmessageElement: '#ncfriendresultmessage'
+          };
+          $('.friend-accept', $pushHtml).friendLink(param);
+          $('.friend-reject', $pushHtml).friendUnlink(param);
           $("#pushList").html($pushHtml);
         }else{
           alert(json.message);
@@ -20,35 +45,30 @@ $(document).ready(function(){
         $('#pushLoading').hide();
       });
     }
-    collapse_toggle($('.nav-collapse'));
-  });
-
-  $(".btn-navbar").click(function(){
+    this._collapse_toggle($('.nav-collapse'));
+  },
+  toggleMenu: function() {
     $(".toggle1:not(.nav-collapse)").hide();
     $('.nav-collapse').show();
-    collapse_toggle($('.nav-collapse'));
-  });
-
-  $(".postbutton").click(function(){
+    this._collapse_toggle($('.nav-collapse'));
+  },
+  togglePostform: function() {
     $(".toggle1:not(.postform)").hide();
     $(".postform").toggle();
     if($(".postform").is(":visible")){
       $(".posttextarea").focus();
     }
-    collapse_toggle($('.nav-collapse'));
-  });
-
-  $(".toggle1_close").click(function(){
+    this._collapse_toggle($('.nav-collapse'));
+  },
+  close: function() {
     $(".toggle1").hide();
-  });
-
-  $('#tosaka_postform_submit').click(function() {
+  },
+  post: function() {
     var body_elem = $('#tosaka_postform_body');
     var body_text = body_elem.val();
     if (body_text == '') return;
 
     var params = {
-      apiKey: openpne.apiKey,
       body: body_text
     };
     if ($('#tosaka_postform_submit').attr('data-community-id'))
@@ -57,34 +77,25 @@ $(document).ready(function(){
       params.target_id = $('#tosaka_postform_submit').attr('data-community-id');
     }
 
-    $.getJSON(openpne.apiBase + 'activity/post.json', params, function(json) {
+    op.api.getJSON('activity/post.json', params, function(json) {
       if (json.status == 'success') {
         body_elem.val('');
         $(".postform").toggle();
       }
     });
-  });
-
-  $.getJSON( openpne.apiBase + 'push/count.json?apiKey=' + openpne.apiKey, function(json){
-    if(json.status=='success')
+  },
+  _collapse_toggle: function(elm) {
+    if (elm.hasClass('collapse'))
     {
-      $pushHtml = $("#pushCountTemplate").tmpl(json.data);
-      $("#notification_center").append($pushHtml);
-    }else{
-      alert(json.message);
+      elm.removeClass('collapse');
+    }
+    else
+    {
+      elm.addClass('collapse');
     }
-  });
-});
-
-function collapse_toggle(elm)
-{
-  if (elm.hasClass('collapse'))
-  {
-    elm.removeClass('collapse');
-  }
-  else
-  {
-    elm.addClass('collapse');
   }
-}
+});
 
+$(document).ready(function() {
+  var tosakaView = new TosakaView({el:$(document)});
+});
diff --git a/web/js/underscore-min.js b/web/js/underscore-min.js
new file mode 100644
index 000000000..d22f881bc
--- /dev/null
+++ b/web/js/underscore-min.js
@@ -0,0 +1,6 @@
+//     Underscore.js 1.5.2
+//     http://underscorejs.org
+//     (c) 2009-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+//     Underscore may be freely distributed under the MIT license.
+(function(){var n=this,t=n._,r={},e=Array.prototype,u=Object.prototype,i=Function.prototype,a=e.push,o=e.slice,c=e.concat,l=u.toString,f=u.hasOwnProperty,s=e.forEach,p=e.map,h=e.reduce,v=e.reduceRight,g=e.filter,d=e.every,m=e.some,y=e.indexOf,b=e.lastIndexOf,x=Array.isArray,w=Object.keys,_=i.bind,j=function(n){return n instanceof j?n:this instanceof j?(this._wrapped=n,void 0):new j(n)};"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=j),exports._=j):n._=j,j.VERSION="1.5.2";var A=j.each=j.forEach=function(n,t,e){if(null!=n)if(s&&n.forEach===s)n.forEach(t,e);else if(n.length===+n.length){for(var u=0,i=n.length;i>u;u++)if(t.call(e,n[u],u,n)===r)return}else for(var a=j.keys(n),u=0,i=a.length;i>u;u++)if(t.call(e,n[a[u]],a[u],n)===r)return};j.map=j.collect=function(n,t,r){var e=[];return null==n?e:p&&n.map===p?n.map(t,r):(A(n,function(n,u,i){e.push(t.call(r,n,u,i))}),e)};var E="Reduce of empty array with no initial value";j.reduce=j.foldl=j.inject=function(n,t,r,e){var u=arguments.length>2;if(null==n&&(n=[]),h&&n.reduce===h)return e&&(t=j.bind(t,e)),u?n.reduce(t,r):n.reduce(t);if(A(n,function(n,i,a){u?r=t.call(e,r,n,i,a):(r=n,u=!0)}),!u)throw new TypeError(E);return r},j.reduceRight=j.foldr=function(n,t,r,e){var u=arguments.length>2;if(null==n&&(n=[]),v&&n.reduceRight===v)return e&&(t=j.bind(t,e)),u?n.reduceRight(t,r):n.reduceRight(t);var i=n.length;if(i!==+i){var a=j.keys(n);i=a.length}if(A(n,function(o,c,l){c=a?a[--i]:--i,u?r=t.call(e,r,n[c],c,l):(r=n[c],u=!0)}),!u)throw new TypeError(E);return r},j.find=j.detect=function(n,t,r){var e;return O(n,function(n,u,i){return t.call(r,n,u,i)?(e=n,!0):void 0}),e},j.filter=j.select=function(n,t,r){var e=[];return null==n?e:g&&n.filter===g?n.filter(t,r):(A(n,function(n,u,i){t.call(r,n,u,i)&&e.push(n)}),e)},j.reject=function(n,t,r){return j.filter(n,function(n,e,u){return!t.call(r,n,e,u)},r)},j.every=j.all=function(n,t,e){t||(t=j.identity);var u=!0;return null==n?u:d&&n.every===d?n.every(t,e):(A(n,function(n,i,a){return(u=u&&t.call(e,n,i,a))?void 0:r}),!!u)};var O=j.some=j.any=function(n,t,e){t||(t=j.identity);var u=!1;return null==n?u:m&&n.some===m?n.some(t,e):(A(n,function(n,i,a){return u||(u=t.call(e,n,i,a))?r:void 0}),!!u)};j.contains=j.include=function(n,t){return null==n?!1:y&&n.indexOf===y?n.indexOf(t)!=-1:O(n,function(n){return n===t})},j.invoke=function(n,t){var r=o.call(arguments,2),e=j.isFunction(t);return j.map(n,function(n){return(e?t:n[t]).apply(n,r)})},j.pluck=function(n,t){return j.map(n,function(n){return n[t]})},j.where=function(n,t,r){return j.isEmpty(t)?r?void 0:[]:j[r?"find":"filter"](n,function(n){for(var r in t)if(t[r]!==n[r])return!1;return!0})},j.findWhere=function(n,t){return j.where(n,t,!0)},j.max=function(n,t,r){if(!t&&j.isArray(n)&&n[0]===+n[0]&&n.length<65535)return Math.max.apply(Math,n);if(!t&&j.isEmpty(n))return-1/0;var e={computed:-1/0,value:-1/0};return A(n,function(n,u,i){var a=t?t.call(r,n,u,i):n;a>e.computed&&(e={value:n,computed:a})}),e.value},j.min=function(n,t,r){if(!t&&j.isArray(n)&&n[0]===+n[0]&&n.length<65535)return Math.min.apply(Math,n);if(!t&&j.isEmpty(n))return 1/0;var e={computed:1/0,value:1/0};return A(n,function(n,u,i){var a=t?t.call(r,n,u,i):n;a<e.computed&&(e={value:n,computed:a})}),e.value},j.shuffle=function(n){var t,r=0,e=[];return A(n,function(n){t=j.random(r++),e[r-1]=e[t],e[t]=n}),e},j.sample=function(n,t,r){return arguments.length<2||r?n[j.random(n.length-1)]:j.shuffle(n).slice(0,Math.max(0,t))};var k=function(n){return j.isFunction(n)?n:function(t){return t[n]}};j.sortBy=function(n,t,r){var e=k(t);return j.pluck(j.map(n,function(n,t,u){return{value:n,index:t,criteria:e.call(r,n,t,u)}}).sort(function(n,t){var r=n.criteria,e=t.criteria;if(r!==e){if(r>e||r===void 0)return 1;if(e>r||e===void 0)return-1}return n.index-t.index}),"value")};var F=function(n){return function(t,r,e){var u={},i=null==r?j.identity:k(r);return A(t,function(r,a){var o=i.call(e,r,a,t);n(u,o,r)}),u}};j.groupBy=F(function(n,t,r){(j.has(n,t)?n[t]:n[t]=[]).push(r)}),j.indexBy=F(function(n,t,r){n[t]=r}),j.countBy=F(function(n,t){j.has(n,t)?n[t]++:n[t]=1}),j.sortedIndex=function(n,t,r,e){r=null==r?j.identity:k(r);for(var u=r.call(e,t),i=0,a=n.length;a>i;){var o=i+a>>>1;r.call(e,n[o])<u?i=o+1:a=o}return i},j.toArray=function(n){return n?j.isArray(n)?o.call(n):n.length===+n.length?j.map(n,j.identity):j.values(n):[]},j.size=function(n){return null==n?0:n.length===+n.length?n.length:j.keys(n).length},j.first=j.head=j.take=function(n,t,r){return null==n?void 0:null==t||r?n[0]:o.call(n,0,t)},j.initial=function(n,t,r){return o.call(n,0,n.length-(null==t||r?1:t))},j.last=function(n,t,r){return null==n?void 0:null==t||r?n[n.length-1]:o.call(n,Math.max(n.length-t,0))},j.rest=j.tail=j.drop=function(n,t,r){return o.call(n,null==t||r?1:t)},j.compact=function(n){return j.filter(n,j.identity)};var M=function(n,t,r){return t&&j.every(n,j.isArray)?c.apply(r,n):(A(n,function(n){j.isArray(n)||j.isArguments(n)?t?a.apply(r,n):M(n,t,r):r.push(n)}),r)};j.flatten=function(n,t){return M(n,t,[])},j.without=function(n){return j.difference(n,o.call(arguments,1))},j.uniq=j.unique=function(n,t,r,e){j.isFunction(t)&&(e=r,r=t,t=!1);var u=r?j.map(n,r,e):n,i=[],a=[];return A(u,function(r,e){(t?e&&a[a.length-1]===r:j.contains(a,r))||(a.push(r),i.push(n[e]))}),i},j.union=function(){return j.uniq(j.flatten(arguments,!0))},j.intersection=function(n){var t=o.call(arguments,1);return j.filter(j.uniq(n),function(n){return j.every(t,function(t){return j.indexOf(t,n)>=0})})},j.difference=function(n){var t=c.apply(e,o.call(arguments,1));return j.filter(n,function(n){return!j.contains(t,n)})},j.zip=function(){for(var n=j.max(j.pluck(arguments,"length").concat(0)),t=new Array(n),r=0;n>r;r++)t[r]=j.pluck(arguments,""+r);return t},j.object=function(n,t){if(null==n)return{};for(var r={},e=0,u=n.length;u>e;e++)t?r[n[e]]=t[e]:r[n[e][0]]=n[e][1];return r},j.indexOf=function(n,t,r){if(null==n)return-1;var e=0,u=n.length;if(r){if("number"!=typeof r)return e=j.sortedIndex(n,t),n[e]===t?e:-1;e=0>r?Math.max(0,u+r):r}if(y&&n.indexOf===y)return n.indexOf(t,r);for(;u>e;e++)if(n[e]===t)return e;return-1},j.lastIndexOf=function(n,t,r){if(null==n)return-1;var e=null!=r;if(b&&n.lastIndexOf===b)return e?n.lastIndexOf(t,r):n.lastIndexOf(t);for(var u=e?r:n.length;u--;)if(n[u]===t)return u;return-1},j.range=function(n,t,r){arguments.length<=1&&(t=n||0,n=0),r=arguments[2]||1;for(var e=Math.max(Math.ceil((t-n)/r),0),u=0,i=new Array(e);e>u;)i[u++]=n,n+=r;return i};var R=function(){};j.bind=function(n,t){var r,e;if(_&&n.bind===_)return _.apply(n,o.call(arguments,1));if(!j.isFunction(n))throw new TypeError;return r=o.call(arguments,2),e=function(){if(!(this instanceof e))return n.apply(t,r.concat(o.call(arguments)));R.prototype=n.prototype;var u=new R;R.prototype=null;var i=n.apply(u,r.concat(o.call(arguments)));return Object(i)===i?i:u}},j.partial=function(n){var t=o.call(arguments,1);return function(){return n.apply(this,t.concat(o.call(arguments)))}},j.bindAll=function(n){var t=o.call(arguments,1);if(0===t.length)throw new Error("bindAll must be passed function names");return A(t,function(t){n[t]=j.bind(n[t],n)}),n},j.memoize=function(n,t){var r={};return t||(t=j.identity),function(){var e=t.apply(this,arguments);return j.has(r,e)?r[e]:r[e]=n.apply(this,arguments)}},j.delay=function(n,t){var r=o.call(arguments,2);return setTimeout(function(){return n.apply(null,r)},t)},j.defer=function(n){return j.delay.apply(j,[n,1].concat(o.call(arguments,1)))},j.throttle=function(n,t,r){var e,u,i,a=null,o=0;r||(r={});var c=function(){o=r.leading===!1?0:new Date,a=null,i=n.apply(e,u)};return function(){var l=new Date;o||r.leading!==!1||(o=l);var f=t-(l-o);return e=this,u=arguments,0>=f?(clearTimeout(a),a=null,o=l,i=n.apply(e,u)):a||r.trailing===!1||(a=setTimeout(c,f)),i}},j.debounce=function(n,t,r){var e,u,i,a,o;return function(){i=this,u=arguments,a=new Date;var c=function(){var l=new Date-a;t>l?e=setTimeout(c,t-l):(e=null,r||(o=n.apply(i,u)))},l=r&&!e;return e||(e=setTimeout(c,t)),l&&(o=n.apply(i,u)),o}},j.once=function(n){var t,r=!1;return function(){return r?t:(r=!0,t=n.apply(this,arguments),n=null,t)}},j.wrap=function(n,t){return function(){var r=[n];return a.apply(r,arguments),t.apply(this,r)}},j.compose=function(){var n=arguments;return function(){for(var t=arguments,r=n.length-1;r>=0;r--)t=[n[r].apply(this,t)];return t[0]}},j.after=function(n,t){return function(){return--n<1?t.apply(this,arguments):void 0}},j.keys=w||function(n){if(n!==Object(n))throw new TypeError("Invalid object");var t=[];for(var r in n)j.has(n,r)&&t.push(r);return t},j.values=function(n){for(var t=j.keys(n),r=t.length,e=new Array(r),u=0;r>u;u++)e[u]=n[t[u]];return e},j.pairs=function(n){for(var t=j.keys(n),r=t.length,e=new Array(r),u=0;r>u;u++)e[u]=[t[u],n[t[u]]];return e},j.invert=function(n){for(var t={},r=j.keys(n),e=0,u=r.length;u>e;e++)t[n[r[e]]]=r[e];return t},j.functions=j.methods=function(n){var t=[];for(var r in n)j.isFunction(n[r])&&t.push(r);return t.sort()},j.extend=function(n){return A(o.call(arguments,1),function(t){if(t)for(var r in t)n[r]=t[r]}),n},j.pick=function(n){var t={},r=c.apply(e,o.call(arguments,1));return A(r,function(r){r in n&&(t[r]=n[r])}),t},j.omit=function(n){var t={},r=c.apply(e,o.call(arguments,1));for(var u in n)j.contains(r,u)||(t[u]=n[u]);return t},j.defaults=function(n){return A(o.call(arguments,1),function(t){if(t)for(var r in t)n[r]===void 0&&(n[r]=t[r])}),n},j.clone=function(n){return j.isObject(n)?j.isArray(n)?n.slice():j.extend({},n):n},j.tap=function(n,t){return t(n),n};var S=function(n,t,r,e){if(n===t)return 0!==n||1/n==1/t;if(null==n||null==t)return n===t;n instanceof j&&(n=n._wrapped),t instanceof j&&(t=t._wrapped);var u=l.call(n);if(u!=l.call(t))return!1;switch(u){case"[object String]":return n==String(t);case"[object Number]":return n!=+n?t!=+t:0==n?1/n==1/t:n==+t;case"[object Date]":case"[object Boolean]":return+n==+t;case"[object RegExp]":return n.source==t.source&&n.global==t.global&&n.multiline==t.multiline&&n.ignoreCase==t.ignoreCase}if("object"!=typeof n||"object"!=typeof t)return!1;for(var i=r.length;i--;)if(r[i]==n)return e[i]==t;var a=n.constructor,o=t.constructor;if(a!==o&&!(j.isFunction(a)&&a instanceof a&&j.isFunction(o)&&o instanceof o))return!1;r.push(n),e.push(t);var c=0,f=!0;if("[object Array]"==u){if(c=n.length,f=c==t.length)for(;c--&&(f=S(n[c],t[c],r,e)););}else{for(var s in n)if(j.has(n,s)&&(c++,!(f=j.has(t,s)&&S(n[s],t[s],r,e))))break;if(f){for(s in t)if(j.has(t,s)&&!c--)break;f=!c}}return r.pop(),e.pop(),f};j.isEqual=function(n,t){return S(n,t,[],[])},j.isEmpty=function(n){if(null==n)return!0;if(j.isArray(n)||j.isString(n))return 0===n.length;for(var t in n)if(j.has(n,t))return!1;return!0},j.isElement=function(n){return!(!n||1!==n.nodeType)},j.isArray=x||function(n){return"[object Array]"==l.call(n)},j.isObject=function(n){return n===Object(n)},A(["Arguments","Function","String","Number","Date","RegExp"],function(n){j["is"+n]=function(t){return l.call(t)=="[object "+n+"]"}}),j.isArguments(arguments)||(j.isArguments=function(n){return!(!n||!j.has(n,"callee"))}),"function"!=typeof/./&&(j.isFunction=function(n){return"function"==typeof n}),j.isFinite=function(n){return isFinite(n)&&!isNaN(parseFloat(n))},j.isNaN=function(n){return j.isNumber(n)&&n!=+n},j.isBoolean=function(n){return n===!0||n===!1||"[object Boolean]"==l.call(n)},j.isNull=function(n){return null===n},j.isUndefined=function(n){return n===void 0},j.has=function(n,t){return f.call(n,t)},j.noConflict=function(){return n._=t,this},j.identity=function(n){return n},j.times=function(n,t,r){for(var e=Array(Math.max(0,n)),u=0;n>u;u++)e[u]=t.call(r,u);return e},j.random=function(n,t){return null==t&&(t=n,n=0),n+Math.floor(Math.random()*(t-n+1))};var I={escape:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;"}};I.unescape=j.invert(I.escape);var T={escape:new RegExp("["+j.keys(I.escape).join("")+"]","g"),unescape:new RegExp("("+j.keys(I.unescape).join("|")+")","g")};j.each(["escape","unescape"],function(n){j[n]=function(t){return null==t?"":(""+t).replace(T[n],function(t){return I[n][t]})}}),j.result=function(n,t){if(null==n)return void 0;var r=n[t];return j.isFunction(r)?r.call(n):r},j.mixin=function(n){A(j.functions(n),function(t){var r=j[t]=n[t];j.prototype[t]=function(){var n=[this._wrapped];return a.apply(n,arguments),z.call(this,r.apply(j,n))}})};var N=0;j.uniqueId=function(n){var t=++N+"";return n?n+t:t},j.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var q=/(.)^/,B={"'":"'","\\":"\\","\r":"r","\n":"n","	":"t","\u2028":"u2028","\u2029":"u2029"},D=/\\|'|\r|\n|\t|\u2028|\u2029/g;j.template=function(n,t,r){var e;r=j.defaults({},r,j.templateSettings);var u=new RegExp([(r.escape||q).source,(r.interpolate||q).source,(r.evaluate||q).source].join("|")+"|$","g"),i=0,a="__p+='";n.replace(u,function(t,r,e,u,o){return a+=n.slice(i,o).replace(D,function(n){return"\\"+B[n]}),r&&(a+="'+\n((__t=("+r+"))==null?'':_.escape(__t))+\n'"),e&&(a+="'+\n((__t=("+e+"))==null?'':__t)+\n'"),u&&(a+="';\n"+u+"\n__p+='"),i=o+t.length,t}),a+="';\n",r.variable||(a="with(obj||{}){\n"+a+"}\n"),a="var __t,__p='',__j=Array.prototype.join,"+"print=function(){__p+=__j.call(arguments,'');};\n"+a+"return __p;\n";try{e=new Function(r.variable||"obj","_",a)}catch(o){throw o.source=a,o}if(t)return e(t,j);var c=function(n){return e.call(this,n,j)};return c.source="function("+(r.variable||"obj")+"){\n"+a+"}",c},j.chain=function(n){return j(n).chain()};var z=function(n){return this._chain?j(n).chain():n};j.mixin(j),A(["pop","push","reverse","shift","sort","splice","unshift"],function(n){var t=e[n];j.prototype[n]=function(){var r=this._wrapped;return t.apply(r,arguments),"shift"!=n&&"splice"!=n||0!==r.length||delete r[0],z.call(this,r)}}),A(["concat","join","slice"],function(n){var t=e[n];j.prototype[n]=function(){return z.call(this,t.apply(this._wrapped,arguments))}}),j.extend(j.prototype,{chain:function(){return this._chain=!0,this},value:function(){return this._wrapped}})}).call(this);
+//# sourceMappingURL=underscore-min.map
\ No newline at end of file