add a hint to click social tones check both pos/neg corr words. fix t…

…he bug that hovering social tones can not hightlight both pos/neg. words (acutally, this is an orginial design consideration, not a bug.)

app.js

@@ -27,8 +27,8 @@ require('./config/express')(app);
 
 var credentials = extend({
   version: 'v2',
-  username: '<username>',
-  password: '<password>'
+  username: '<username>',//
+  password: '<password>'//
 }, bluemix.getServiceCreds('tone_analyzer'));
 
 

public/js/visualization.js

@@ -517,8 +517,10 @@ umviz.models.toneGenome = function() {
         $('#output_div').css('color', '#ddd');
         $('.matched-word').css('opacity', 0.2);
 
-        if (corr === null)
+        if (corr === null){
           $('.' + cate + '_' + corrType.positive).css('opacity', 1);
+          $('.' + cate + '_' + corrType.negative).css('opacity', 1);
+        }
         else
           $('.' + cate + '_' + corr).css('opacity', 1);
       }

views/index.jade

@@ -74,9 +74,9 @@ block row-content
                         | and the total number of words for each individual
                         | tone trait.    
                     div.tab-pane(id="json", role="tabpanel")
-                      pre.json-div
+                      pre.json-div  
                     div#visualization
-                    p.text-output-label Click on any highlighted word to see suggested synonyms.
+                    p.text-output-label Social tones include both positively and negatively correlated words, and click to see details. Click on any highlighted word to see suggested synonyms. 
                     div.text-output-div
 
     //this is synonym pop-up panel