skilltrees are fully skillable now

mojotrollz/api/char/css/skilltree.css

@@ -92,18 +92,25 @@
 .icon_arrow_yellow_down_right{background-position: -195px 0px;}
 
 .icon_border_grey{background-position: 0px 0px;}
-.icon_border_grey_inc_left{background-position: 0px -402px;}
 .icon_border_grey_inc{background-position: 0px -268px;}
+.icon_border_grey_inc_left{background-position: 0px -402px;}
 .icon_border_grey_down{background-position: 0px -201px;}
 .icon_border_grey_down_right{background-position: 0px -469px;}
+.icon_border_grey_right{background-position: 0px -134px;}
 
 .icon_border_green{background-position: -65px 0px;}
+.icon_border_green_inc{background-position: -65px -268px;}
+.icon_border_green_inc_left{background-position: -65px -402px;}
+.icon_border_green_down{background-position: -65px -201px;}
+.icon_border_green_down_right{background-position: -65px -469px;}
 .icon_border_green_right{background-position: -65px -134px;}
 
 .icon_border_yellow{background-position: -260px 0px;}
 .icon_border_yellow_inc{background-position: -260px -268px;}
+.icon_border_yellow_inc_left{background-position: -260px -402px;}
 .icon_border_yellow_down{background-position: -260px -201px;}
 .icon_border_yellow_down_right{background-position: -260px -469px;}
+.icon_border_yellow_right{background-position: -260px -134px;}
 
 .icon_number{
     position: relative;

mojotrollz/api/char/js/skilltree.js

@@ -48,67 +48,91 @@ function write_icon_green(id,id_img){
     $(id).removeClass('icon_text_yellow');
     $(id).addClass('icon_text_green');
     
-    if( $(id).hasClass('icon_border_grey') ||
-        $(id).hasClass('icon_border_yellow')){
+    if( $(id_img).hasClass('icon_border_grey') ||
+        $(id_img).hasClass('icon_border_yellow')){
         $(id_img).removeClass('icon_border_grey');
         $(id_img).removeClass('icon_border_yellow');
         $(id_img).addClass('icon_border_green');}
     
-    if( $(id).hasClass('icon_border_grey_down') ||
-        $(id).hasClass('icon_border_yellow_down')){
+    if( $(id_img).hasClass('icon_border_grey_down') ||
+        $(id_img).hasClass('icon_border_yellow_down')){
         $(id_img).removeClass('icon_border_grey_down');
         $(id_img).removeClass('icon_border_yellow_down');
         $(id_img).addClass('icon_border_green_down');}
     
-    if( $(id).hasClass('icon_border_grey_down_right') ||
-        $(id).hasClass('icon_border_yellow_down_right')){
+    if( $(id_img).hasClass('icon_border_grey_down_right') ||
+        $(id_img).hasClass('icon_border_yellow_down_right')){
         $(id_img).removeClass('icon_border_grey_down_right');
         $(id_img).removeClass('icon_border_yellow_down_right');
         $(id_img).addClass('icon_border_green_down_right');}
     
-    if( $(id).hasClass('icon_border_grey_inc') ||
-        $(id).hasClass('icon_border_yellow_inc')){
+    if( $(id_img).hasClass('icon_border_grey_right') ||
+        $(id_img).hasClass('icon_border_yellow_right')){
+        $(id_img).removeClass('icon_border_grey_right');
+        $(id_img).removeClass('icon_border_yellow_right');
+        $(id_img).addClass('icon_border_green_right');}
+    
+    if( $(id_img).hasClass('icon_border_grey_inc') ||
+        $(id_img).hasClass('icon_border_yellow_inc')){
         $(id_img).removeClass('icon_border_grey_inc');
         $(id_img).removeClass('icon_border_yellow_inc');
         $(id_img).addClass('icon_border_green_inc');}
     
-    if( $(id).hasClass('icon_border_grey_inc_left') ||
-        $(id).hasClass('icon_border_yellow_inc_left')){
+    if( $(id_img).hasClass('icon_border_grey_inc_left') ||
+        $(id_img).hasClass('icon_border_yellow_inc_left')){
         $(id_img).removeClass('icon_border_grey_inc_left');
         $(id_img).removeClass('icon_border_yellow_inc_left');
         $(id_img).addClass('icon_border_green_inc_left');}
+    
+    if( $(id_img).hasClass('icon_border_grey_left') ||
+        $(id_img).hasClass('icon_border_yellow_left')){
+        $(id_img).removeClass('icon_border_grey_left');
+        $(id_img).removeClass('icon_border_yellow_left');
+        $(id_img).addClass('icon_border_green_left');}
 }
 function write_icon_yellow(id,id_img){
     $(id).removeClass('icon_text_green');
     $(id).addClass('icon_text_yellow');
     
-    if( $(id).hasClass('icon_border_grey') ||
-        $(id).hasClass('icon_border_green')){
+    if( $(id_img).hasClass('icon_border_grey') ||
+        $(id_img).hasClass('icon_border_green')){
         $(id_img).removeClass('icon_border_grey');
         $(id_img).removeClass('icon_border_green');
         $(id_img).addClass('icon_border_yellow');}
     
-    if( $(id).hasClass('icon_border_grey_down') ||
-        $(id).hasClass('icon_border_green_down')){
+    if( $(id_img).hasClass('icon_border_grey_down') ||
+        $(id_img).hasClass('icon_border_green_down')){
         $(id_img).removeClass('icon_border_grey_down');
         $(id_img).removeClass('icon_border_green_down');
         $(id_img).addClass('icon_border_yellow_down');}
     
-    if( $(id).hasClass('icon_border_grey_down_right') ||
-        $(id).hasClass('icon_border_green_down_right')){
+    if( $(id_img).hasClass('icon_border_grey_down_right') ||
+        $(id_img).hasClass('icon_border_green_down_right')){
         $(id_img).removeClass('icon_border_grey_down_right');
         $(id_img).removeClass('icon_border_green_down_right');
         $(id_img).addClass('icon_border_yellow_down_right');}
     
-    if( $(id).hasClass('icon_border_grey_inc') ||
-        $(id).hasClass('icon_border_green_inc')){
+    if( $(id_img).hasClass('icon_border_grey_right') ||
+        $(id_img).hasClass('icon_border_green_right')){
+        $(id_img).removeClass('icon_border_grey_right');
+        $(id_img).removeClass('icon_border_green_right');
+        $(id_img).addClass('icon_border_yellow_right');}
+    
+    if( $(id_img).hasClass('icon_border_grey_inc') ||
+        $(id_img).hasClass('icon_border_green_inc')){
         $(id_img).removeClass('icon_border_grey_inc');
         $(id_img).removeClass('icon_border_green_inc');
         $(id_img).addClass('icon_border_yellow_inc');}
     
-    if( $(id).hasClass('icon_border_grey_inc_left') ||
-        $(id).hasClass('icon_border_green_inc_left')){
+    if( $(id_img).hasClass('icon_border_grey_inc_left') ||
+        $(id_img).hasClass('icon_border_green_inc_left')){
         $(id_img).removeClass('icon_border_grey_inc_left');
         $(id_img).removeClass('icon_border_green_inc_left');
         $(id_img).addClass('icon_border_yellow_inc_left');}
+    
+    if( $(id_img).hasClass('icon_border_grey_left') ||
+        $(id_img).hasClass('icon_border_green_left')){
+        $(id_img).removeClass('icon_border_grey_left');
+        $(id_img).removeClass('icon_border_green_left');
+        $(id_img).addClass('icon_border_yellow_left');}
 }