diff --git a/mojotrollz/sai/saimod_mojotrollz_visuals/js/saimod_mojotrollz_visuals.js b/mojotrollz/sai/saimod_mojotrollz_visuals/js/saimod_mojotrollz_visuals.js
index 10a892e..5493be0 100644
--- a/mojotrollz/sai/saimod_mojotrollz_visuals/js/saimod_mojotrollz_visuals.js
+++ b/mojotrollz/sai/saimod_mojotrollz_visuals/js/saimod_mojotrollz_visuals.js
@@ -16,6 +16,10 @@ function load_visuals_tab(race){
         register_edit(race);
         register_del(race);
         register_add(race);
+        $('#tabs_visual_types a').click(function (e) {
+            e.preventDefault();
+            $(this).tab('show');
+        });
         $('img#loader').hide();});
 }
 
@@ -36,10 +40,10 @@ function register_test(race){
 
 function register_edit(race){
     $('.btn_visual_edit').click(function(){
-        $('#input_type').val($(this).attr('_type'));
-        $('#input_id').val($(this).attr('_id'));
-        $('#input_name').val($(this).attr('_name'));        
-        $("#btn_visual_add").focus();
+        var type = $(this).attr('_type')
+        $('#input_id_'+type).val($(this).attr('_id'));
+        $('#input_name_'+type).val($(this).attr('_name'));        
+        $("#btn_visual_add_"+type).focus();
     });
 }
 
@@ -62,12 +66,13 @@ function register_del(race){
 
 function register_add(race){
     $('.btn_visual_add').click(function(){
+        var type = $(this).attr('_type');
         $.ajax({    type :'GET',
                     url  : SAI_ENDPOINT+'sai_mod=saimod_mojotrollz_visuals&action=insert'+
-                            '&race='+$(this).attr('race')+
-                            '&type='+$('#input_type').val()+
-                            '&id='+$('#input_id').val()+
-                            '&name='+$('#input_name').val(),
+                            '&race='+$(this).attr('_race')+
+                            '&type='+type+
+                            '&id='+$('#input_id_'+type).val()+
+                            '&name='+$('#input_name_'+type).val(),
                     success : function(data) {
                         if(data.status){
                             load_visuals_tab(race);
diff --git a/mojotrollz/sai/saimod_mojotrollz_visuals/saimod_mojotrollz_visuals.php b/mojotrollz/sai/saimod_mojotrollz_visuals/saimod_mojotrollz_visuals.php
index 40982c3..4632e22 100644
--- a/mojotrollz/sai/saimod_mojotrollz_visuals/saimod_mojotrollz_visuals.php
+++ b/mojotrollz/sai/saimod_mojotrollz_visuals/saimod_mojotrollz_visuals.php
@@ -18,11 +18,15 @@ class saimod_mojotrollz_visuals extends \SYSTEM\SAI\SaiModule {
                                                 $vars['char_face'],
                                                 $vars['char_facial_hair'],
                                                 $vars['char_facial_hair_color']);        
-        $vars['visual_entry'] = '';
+        $visual_entry = array(0 => '',1 => '',2 => '',3 => '',4 => '',5 => '');
         $res = \DBD\RACE_VISUALS::QQ(array($race));
         while($row = $res->next()){
             $row['type_name'] = race_visuals::name($row['type']);
-            $vars['visual_entry'] .= \SYSTEM\PAGE\replace::replaceFile(\SYSTEM\SERVERPATH(new PSAI(),'saimod_mojotrollz_visuals/tpl/saimod_mojotrollz_visuals_visual_entry.tpl'), $row);}
+            $visual_entry[$row['type']] .= \SYSTEM\PAGE\replace::replaceFile(\SYSTEM\SERVERPATH(new PSAI(),'saimod_mojotrollz_visuals/tpl/saimod_mojotrollz_visuals_visual_entry.tpl'), $row);}
+        for($i=0;$i<=5;$i++){
+            $vars['visual_entry'] = $visual_entry[$i];
+            $vars['type'] = $i;
+            $vars['list_'.$i] = \SYSTEM\PAGE\replace::replaceFile(\SYSTEM\SERVERPATH(new PSAI(),'saimod_mojotrollz_visuals/tpl/saimod_mojotrollz_visuals_visual.tpl'), $vars);}
         return \SYSTEM\PAGE\replace::replaceFile(\SYSTEM\SERVERPATH(new PSAI(),'saimod_mojotrollz_visuals/tpl/saimod_mojotrollz_visuals_page.tpl'), $vars);}
     public static function sai_mod_saimod_mojotrollz_visuals_action_info($json){
         return charcreation::data($json);}
diff --git a/mojotrollz/sai/saimod_mojotrollz_visuals/tpl/saimod_mojotrollz_visuals_page.tpl b/mojotrollz/sai/saimod_mojotrollz_visuals/tpl/saimod_mojotrollz_visuals_page.tpl
index 33c1156..f15733e 100644
--- a/mojotrollz/sai/saimod_mojotrollz_visuals/tpl/saimod_mojotrollz_visuals_page.tpl
+++ b/mojotrollz/sai/saimod_mojotrollz_visuals/tpl/saimod_mojotrollz_visuals_page.tpl
@@ -17,20 +17,21 @@ ${visual}
 </div>
 <div style="clear: both;"></div>
 <hr>
-<table class="sai_table">
-    <tr>
-        <th>race</th>
-        <th>type</th>
-        <th>id</th>
-        <th>name</th>
-        <th>action</th>
-    </tr>
-    ${visual_entry}
-    <tr>
-        <td>${char_race}</td>
-        <td><input id="input_type" type="number" placeholder="type" style="width: 50px;"/></td>
-        <td><input id="input_id" type="number" placeholder="id" style="width: 50px;"/></td>
-        <td><input id="input_name" type="text" placeholder="name" style="width: 50px;"/></td>
-        <td><button class="btn btn-danger btn_visual_add" race="${char_race}">Add/Edit</button></td>
-    </tr>
-</table>
\ No newline at end of file
+<div class="tabbable">
+    <ul class="nav nav-tabs" id="tabs_visual_types">
+        <li class="active"><a href="#tab_visual_skincolor">Skincolor(0)</a></li>
+        <li><a href="#tab_visual_hair">Hair(1)</a></li>
+        <li><a href="#tab_visual_haircolor">Hair Color(2)</a></li>
+        <li><a href="#tab_visual_face">Face(3)</a></li>
+        <li><a href="#tab_visual_facial_hair">Facial Hair(4)</a></li>
+        <li><a href="#tab_visual_facial_haircolor">Facial Haircolor(5)</a></li>
+    </ul>
+    <div class="tab-content">        
+        <div class="tab-pane active" id="tab_visual_skincolor">${list_0}</div>
+        <div class="tab-pane" id="tab_visual_hair">${list_1}</div>
+        <div class="tab-pane" id="tab_visual_haircolor">${list_2}</div>
+        <div class="tab-pane" id="tab_visual_face">${list_3}</div>
+        <div class="tab-pane" id="tab_visual_facial_hair">${list_4}</div>
+        <div class="tab-pane" id="tab_visual_facial_haircolor">${list_5}</div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/mojotrollz/sai/saimod_mojotrollz_visuals/tpl/saimod_mojotrollz_visuals_visual.tpl b/mojotrollz/sai/saimod_mojotrollz_visuals/tpl/saimod_mojotrollz_visuals_visual.tpl
new file mode 100644
index 0000000..e6ca7d9
--- /dev/null
+++ b/mojotrollz/sai/saimod_mojotrollz_visuals/tpl/saimod_mojotrollz_visuals_visual.tpl
@@ -0,0 +1,17 @@
+<table class="sai_table">
+    <tr>
+        <th>race</th>
+        <th>type</th>
+        <th>id</th>
+        <th>name</th>
+        <th>action</th>
+    </tr>
+    ${visual_entry}
+    <tr>
+        <td>${char_race}</td>
+        <td>${type}</td>
+        <td><input id="input_id_${type}" type="number" placeholder="id" style="width: 50px;"/></td>
+        <td><input id="input_name_${type}" type="text" placeholder="name" style="width: 50px;"/></td>
+        <td><button class="btn btn-danger btn_visual_add" id="btn_visual_add_${type}" _race="${char_race}" _type="${type}">Add/Edit</button></td>
+    </tr>
+</table>
\ No newline at end of file
diff --git a/system b/system
index e84826e..4cef40e 160000
--- a/system
+++ b/system
@@ -1 +1 @@
-Subproject commit e84826e6d3efbcc3e82335e815ac1359de6c2c75
+Subproject commit 4cef40ea0ab23f6bf62e5b82012b41b9e13feb78