diff --git a/api/functions.php b/api/functions.php
index 29bdf2f..79efa6c 100644
--- a/api/functions.php
+++ b/api/functions.php
@@ -790,7 +790,8 @@ function setBalance($first, $last, $threshold, $tableId, $cnn){
     $lastData = db__getData($auth, "account", "hash", $last)[0];
 
 
-    yimian__mail($lastData['email'], "CP-ACC消息: 您将从".$firstData['nickname']."收到".$threshold."磅/元", "亲爱的".$lastData['nickname']."：
+
+    sendMail($lastData['email'], "CP-ACC消息: 您将从".$firstData['nickname']."收到".$threshold."磅/元", "亲爱的".$lastData['nickname']."：
 
 根据系统的计算，您将从".$firstData['nickname']."(".$firstData['email'].")"."收取".$threshold."磅/元，以保持大家的公共支出相对公平。请在收到对方转账后点击下方确认链接或登入<a href='https://cp-acc.yimian.xyz/'>CP-ACC网站</a>进行确认。您可以通过<a href='https://cp-acc.yimian.xyz/'>CP-ACC网站</a>查看具体账目细节。如有任何疑问，请联系站长呓喵酱(i@iotcat.me)。
 
@@ -800,7 +801,7 @@ function setBalance($first, $last, $threshold, $tableId, $cnn){
 呓喵酱(@iotcat)", "CP-ACC");
 
 Sleep(10);
-yimian__mail($firstData['email'], 'CP-ACC消息: 您需要给'.$lastData['nickname'].$threshold."磅/元", "亲爱的".$firstData['nickname']."：
+sendMail($firstData['email'], 'CP-ACC消息: 您需要给'.$lastData['nickname'].$threshold."磅/元", "亲爱的".$firstData['nickname']."：
 
 根据系统的计算，您需要给".$lastData['nickname']."(".$lastData['email'].")".$threshold."磅/元，以保持大家的公共支出相对公平。请在转账后提醒对方从网站或邮件中确认您的支出。您可以通过<a href='https://cp-acc.yimian.xyz/'>CP-ACC网站</a>查看具体账目细节。如有任何疑问，请联系站长呓喵酱(i@iotcat.me)。
 
@@ -809,3 +810,11 @@ yimian__mail($firstData['email'], 'CP-ACC消息: 您需要给'.$lastData['nickna
 
 
 }
+
+
+function sendMail($to, $subject, $body, $from){
+
+    while(!yimian__mail($to, $subject, $body, $from)){
+        Sleep(10);
+    };
+}
diff --git a/index.html b/index.html
index 44eb710..c309593 100644
--- a/index.html
+++ b/index.html
@@ -56,6 +56,9 @@
 						<li class="">
 							<a href="#" id="checkout" data-loader="show"><img src="https://cdn.yimian.xyz/smart-settlement/img/content/icons/7.png" alt=""><strong>Checkout</strong></a>
 						</li>
+						<li class="">
+							<a href="#" id="switch"><img src="https://cdn.yimian.xyz/smart-settlement/img/content/icons/7.png" alt=""><strong>Other Groups</strong></a>
+						</li>
 						<li class="">
 							<a href="https://login.yimian.xyz/logout.html" data-loader="show"><img src="https://cdn.yimian.xyz/smart-settlement/img/content/icons/7.png" alt=""><strong>Log out</strong></a>
 						</li>
@@ -264,8 +267,23 @@
 
 
 	<script type="text/javascript">
+try{
+if(cookie.get('cache')){
+    data = JSON.parse(atob(cookie.get('cache')));
+
+    $('#title').html(data.name);
+    $('#total').html(data.total);
+    $('#total-usr').html(data.userTotal);
+    $('#week-avg').html(data.lastWeekTotal);
+
+
+}
+}catch(e){}
+
+
 function load(){
 	session.onload(function(){
+        $('#usr').html('Hi~ '+session.get('nickname'));
 		if(page.params.hasOwnProperty('type') && page.params.type == 'join'){
 
 			window.location.href="./api/joinTable.php?hash="+session.get('hash')+'&tableId='+page.params.tableId;
@@ -278,6 +296,21 @@ function load(){
 				window.location.href="./setTable.html";
 				return;
 			}
+            var buttons = [];
+
+
+            data.forEach(function(item){
+                if(item.id != cookie.get('tableId')){ 
+                    buttons.push(
+                        ['<button><b>'+item.name+'</b></button>', function (instance, toast) {
+                            instance.hide({ transitionOut: 'fadeOut' }, toast, 'button');
+                            cookie.set('tableId', item.id);
+                            load();
+                            $('.nav-menu').trigger('click');
+                            }, true]
+                    );    
+                }
+            });
 
             if(cookie.get('tableId')){
                 var id = -1;
@@ -297,18 +330,48 @@ function load(){
             }
 			window.data = data;
 
+            buttons.push(
+                ['<button><b>Create New Group</b></button>', function (instance, toast) {
+                    instance.hide({ transitionOut: 'fadeOut' }, toast, 'button');
+                        window.location.href="./setTable.html"; 
+                    }, true]
+            );    
+
+         
+           buttons.push(
+			    ['<button><b>close</b></button>', function (instance, toast) {
+			            instance.hide({ transitionOut: 'fadeOut' }, toast, 'button');
+                }, true]
+            );
+
+          $("#switch").click(function(){
+            tips.question({
+			    timeout: 20000,
+			    close: false,
+			    overlay: true,
+			    displayMode: 'once',
+			    //id: 'question',
+			    zindex: 999,
+			    title: 'Groups',
+			    message: '',
+			    position: 'center',
+			    buttons: buttons
+			});
+          });
+
+
 
             $('#setTable').click(function(){
                 window.location.href="./setTable.html?tableId="+data.id;        
             });
 
             $('#title').html(data.name);
-			$('#usr').html('Hi~ '+session.get('nickname'));
 			$('#total').html(Number(data.total));
 			$('#total-usr').html(Number(data['actualTotals'][session.get('hash')]));
 			$('#total-usr-bar').css('width', (data['actualTotals'][session.get('hash')] / data.average)*100+'%');
             $('#checkout').unbind();
             $('#checkout').click(function(){
+                alert('You will checkout and quit from group '+data.name+'!!');
                 window.location.href="https://cp-acc.yimian.xyz/api/checkout.php?hash="+session.get('hash')+"&tableId="+data.id;        
             });
 
@@ -335,6 +398,13 @@ function load(){
 			if(lastSecodeWeekTotal < lastSecodeWeekTotal) $('#week-avg-rate').html(((lastSecodeWeekTotal - lastWeekTotal)/lastSecodeWeekTotal).toFixed(2)+'% <i style="color:green;" class="fa fa-arrow-down ml-10"></i>');
 
 
+            var briefData = {
+                name: data.name,
+                total: data.total,
+                lastWeekTotal: Number(lastWeekTotal/(7*data.users.length)).toFixed(2),
+                userTotal: Number(data['actualTotals'][session.get('hash')])
+            };
+            cookie.set('cache', btoa(JSON.stringify(briefData)));
 
 			var show = [];
             for(var i = data['items'].length - 1; i > data['items'].length-10 && i >= 0; i --){
diff --git a/records.html b/records.html
index dd82fb0..67de1fd 100644
--- a/records.html
+++ b/records.html
@@ -61,8 +61,8 @@
 
 				<a class="go-back-link" href="./"><i class="fa fa-arrow-left"></i></a>
 				<div class="search-button" data-search="open">
-					<img id="no-icon" src="img/content/notification-no.png" class="not-icon1" alt="">
-					<img id="no-icon2" src="img/content/notification2-no.png" class="not-icon2" alt="">
+					<img id="no-icon" src="https://cdn.yimian.xyz/smart-settlement/img/content/notification-no.png" class="not-icon1" alt="">
+					<img id="no-icon2" src="https://cdn.yimian.xyz/smart-settlement/img/content/notification2-no.png" class="not-icon2" alt="">
 				</div>
 
 				<div class="navi-menu-button">
@@ -216,102 +216,6 @@
 
                 
 
-
-			var userNotice = [];
-			data['itemsByUser'][session.get('hash')].forEach((item)=>{
-				if(!item.state){
-					userNotice.push(item);
-				}
-			});
-
-			function notice(){
-				var s = '';
-
-				if(!userNotice.length){
-				s += `
-						<li>
-							<div class="d-flex align-items-center justify-content-between">
-	                          <div class="d-flex align-items-center">
-	                            <div class="">
-	                              <h5 class="coin-name">You have NO notifications!!</h5>
-	                            </div>
-	                          </div>
-	                          <div>
-	                            <a href=""></a>
-	                          </div>
-	                        </div>
-						</li>`;
-					$('#no-content').html(s);
-					$("#no-icon").attr("src", 'https://cdn.yimian.xyz/smart-settlement/img/content/notification-no.png');
-					$("#no-icon2").attr("src", 'https://cdn.yimian.xyz/smart-settlement/img/content/notification2-no.png');
-					return;
-				}
-
-
-				s += `
-						<li>
-							<div class="d-flex align-items-center justify-content-between">
-	                          <div class="d-flex align-items-center">
-	                            <div class="">
-	                              <h5 class="coin-name">Your last `;
-
-	            s += userNotice.length;
-	            s += ` notifications</h5>
-	                            </div>
-	                          </div>
-	                          <div>
-	                            <a href=""></a>
-	                          </div>
-	                        </div>
-						</li>`;
-
-				userNotice.forEach(function(item){
-					s += `
-						<li>
-							<div class="d-flex align-items-center justify-content-between">
-	                            <div class="d-flex align-items-center">
-		                            <div class="notice-icon `;
-		            if(item.value < 0) s += `available`;
-		            if(item.value > 0) s += `away`;
-
-		            s += `">
-		                                <i class="fa fa-`;
-		            if(item.value < 0) s += `check`;
-		            if(item.value > 0) s += `clock-o`;
-		            s += `"></i>
-		                            </div>
-		                            <div class="ml-10">
-		                              <h4 class="coin-name">`;
-		            if(item.value < 0) s += `You will Get £`+Number(-item.value)+` from `+ data.usersName[item.comments] + ` <button style="color: green;" onClick="javascript:page.confirm('`+item.created_at+`');">Confirm to Recived</button>`;
-		            if(item.value > 0) s += `Please Give £`+Number(item.value)+` to `+ data.usersName[item.comments];
-
-		            s += `</h4>
-		                              <small class="text-muted">`;
-		            s += timeago(new Date(item.created_at.replace(/-/g, '/')).getTime());
-		            s += `</small>
-		                            </div>
-	                            </div>
-	                        </div>
-						</li>`;
-				});
-
-				s += `
-						<li>
-							<div class="d-flex align-items-center justify-content-between">
-	                            <div class="d-flex align-items-center">
-		                            <a href="" class="text-muted">The end of all notifications</a>
-	                            </div>
-	                        </div>
-						</li>`;
-
-				$('#no-content').html(s);
-				$("#no-icon").attr("src", 'https://cdn.yimian.xyz/smart-settlement/img/content/notification-yes.png');
-				$("#no-icon2").attr("src", 'https://cdn.yimian.xyz/smart-settlement/img/content/notification2-yes.png');
-
-			};
-
-
-
 			notice();