add localize langs for global strings

Change-Id: I90412e1e03a2676d927796187fe811481bf38455
diff --git a/tools/droiddoc/templates-sdk/assets/js/docs.js b/tools/droiddoc/templates-sdk/assets/js/docs.js
index 8418d7b..911252e 100644
--- a/tools/droiddoc/templates-sdk/assets/js/docs.js
+++ b/tools/droiddoc/templates-sdk/assets/js/docs.js
@@ -980,7 +980,7 @@
 
 
 function changeTabLang(lang) {
-  var nodes = $("#header-tabs").find("."+lang);
+  var nodes = $("#header,#nav-x,.training-nav-top").find("."+lang);
   for (i=0; i < nodes.length; i++) { // for each node in this language
     var node = $(nodes[i]);
     node.siblings().css("display","none"); // hide all siblings
diff --git a/tools/droiddoc/templates-sdk/components/masthead.cs b/tools/droiddoc/templates-sdk/components/masthead.cs
index 51759bc..4f4e2d3 100644
--- a/tools/droiddoc/templates-sdk/components/masthead.cs
+++ b/tools/droiddoc/templates-sdk/components/masthead.cs
@@ -8,16 +8,40 @@
           </a>
           <div class="btn-quicknav" id="btn-quicknav">
           	<a href="#" class="arrow-inactive">Quicknav</a>
-			<a href="#" class="arrow-active">Quicknav</a>
+			      <a href="#" class="arrow-active">Quicknav</a>
           </div>
           </div>
             <ul class="nav-x col-9">
                 <li class="design"><a href="<?cs var:toroot ?>design/index.html" <?cs
-                  if:design ?>class="selected"<?cs /if ?> >Design</a></li>
+                  if:design ?>class="selected"<?cs /if ?> >
+                    <span class="en">Design</span>
+                    <span class="zh-TW" style="display:none">設計</span>
+                    <span class="zh-CN" style="display:none">设计</span>
+                    <span class="ru" style="display:none">Проектирование</span>
+                    <span class="ko" style="display:none">디자인</span>
+                    <span class="ja" style="display:none">設計</span>
+                    <span class="es" style="display:none">Diseñar</span>
+                  </a></li>
                 <li class="develop"><a href="<?cs var:toroot ?>develop/index.html" <?cs
-                  if:training || guide || reference || tools || develop ?>class="selected"<?cs /if ?> >Develop</a></li>
+                  if:training || guide || reference || tools || develop ?>class="selected"<?cs /if ?> >
+                    <span class="en">Develop</span>
+                    <span class="zh-TW" style="display:none">開發</span>
+                    <span class="zh-CN" style="display:none">开发</span>
+                    <span class="ru" style="display:none">Разработка</span>
+                    <span class="ko" style="display:none">개발</span>
+                    <span class="ja" style="display:none">開発</span>
+                    <span class="es" style="display:none">Desarrollar</span>
+                  </a></li>
                 <li class="distribute last"><a href="<?cs var:toroot ?>distribute/index.html" <?cs
-                  if:distribute ?>class="selected"<?cs /if ?> >Distribute</a></li>
+                  if:distribute ?>class="selected"<?cs /if ?> >
+                    <span class="en">Distribute</span>
+                    <span class="zh-TW" style="display:none">發佈</span>
+                    <span class="zh-CN" style="display:none">分发</span>
+                    <span class="ru" style="display:none">Распространение</span>
+                    <span class="ko" style="display:none">배포</span>
+                    <span class="ja" style="display:none">配布</span>
+                    <span class="es" style="display:none">Distribuir</span>
+                  </a></li>
             </ul>
             
             <!-- New Search -->
@@ -52,9 +76,9 @@
               <option value="ja">日本語</option>
               <option value="ko">한국어</option>
               <option value="ru">Русский</option>
-              <option value="zh-CN">中文 (中国)
-      </option>
-          </select>	
+              <option value="zh-CN">中文 (中国)</option>
+              <option value="zh-TW">中文 (台灣)</option>
+          </select>
         </div>
       <script type="text/javascript">
         <!--  
@@ -105,10 +129,42 @@
                     </li>
                     <li class="develop">
                       <ul>
-                        <li><a href="<?cs var:toroot ?>training/index.html">Android Training</a></li>
-                        <li><a href="<?cs var:toroot ?>guide/components/index.html">API Guides</a></li>
-                        <li><a href="<?cs var:toroot ?>reference/packages.html">Reference</a></li>
-                        <li><a href="<?cs var:toroot ?>tools/index.html">Tools</a>
+                        <li><a href="<?cs var:toroot ?>training/index.html">
+                          <span class="en">Training</span>
+                          <span class="zh-TW" style="display:none">訓練課程</span>
+                          <span class="zh-CN" style="display:none">培训</span>
+                          <span class="ru" style="display:none">Курсы</span>
+                          <span class="ko" style="display:none">교육</span>
+                          <span class="ja" style="display:none">トレーニング</span>
+                          <span class="es" style="display:none">Capacitación</span>
+                        </a></li>
+                        <li><a href="<?cs var:toroot ?>guide/components/index.html">
+                          <span class="en">API Guides</span>
+                          <span class="zh-TW" style="display:none">API 指南</span>
+                          <span class="zh-CN" style="display:none">API 指南</span>
+                          <span class="ru" style="display:none">Руководства по API</span>
+                          <span class="ko" style="display:none">API 가이드</span>
+                          <span class="ja" style="display:none">API ガイド</span>
+                          <span class="es" style="display:none">Guías de la API</span>
+                        </a></li>
+                        <li><a href="<?cs var:toroot ?>reference/packages.html">
+                          <span class="en">Reference</span>
+                          <span class="zh-TW" style="display:none">參考資源</span>
+                          <span class="zh-CN" style="display:none">参考</span>
+                          <span class="ru" style="display:none">Справочник</span>
+                          <span class="ko" style="display:none">참조문서</span>
+                          <span class="ja" style="display:none">リファレンス</span>
+                          <span class="es" style="display:none">Referencia</span>
+                        </a></li>
+                        <li><a href="<?cs var:toroot ?>tools/index.html">
+                          <span class="en">Tools</span>
+                          <span class="zh-TW" style="display:none">相關工具</span>
+                          <span class="zh-CN" style="display:none">工具</span>
+                          <span class="ru" style="display:none">Инструменты</span>
+                          <span class="ko" style="display:none">도구</span>
+                          <span class="ja" style="display:none">ツール</span>
+                          <span class="es" style="display:none">Herramientas</span>
+                        </a>
                           <ul><li><a href="<?cs var:toroot ?>sdk/index.html">Get the
 SDK</a></li></ul>
                         </li>
@@ -145,13 +201,45 @@
         <div class="wrap">
             <ul class="nav-x col-9 develop" style="width:75%">
                 <li><a href="<?cs var:toroot ?>training/index.html" <?cs
-                  if:training ?>class="selected"<?cs /if ?> >Android Training</a></li>
+                  if:training ?>class="selected"<?cs /if ?> >
+                  <span class="en">Training</span>
+                  <span class="zh-TW" style="display:none">訓練課程</span>
+                  <span class="zh-CN" style="display:none">培训</span>
+                  <span class="ru" style="display:none">Курсы</span>
+                  <span class="ko" style="display:none">교육</span>
+                  <span class="ja" style="display:none">トレーニング</span>
+                  <span class="es" style="display:none">Capacitación</span>
+                </a></li>
                   <li><a href="<?cs var:toroot ?>guide/components/index.html" <?cs
-                  if:guide ?>class="selected"<?cs /if ?> >API Guides</a></li>
+                  if:guide ?>class="selected"<?cs /if ?> >
+                  <span class="en">API Guides</span>
+                  <span class="zh-TW" style="display:none">API 指南</span>
+                  <span class="zh-CN" style="display:none">API 指南</span>
+                  <span class="ru" style="display:none">Руководства по API</span>
+                  <span class="ko" style="display:none">API 가이드</span>
+                  <span class="ja" style="display:none">API ガイド</span>
+                  <span class="es" style="display:none">Guías de la API</span>
+                </a></li>
                 <li><a href="<?cs var:toroot ?>reference/packages.html" <?cs
-                  if:reference ?>class="selected"<?cs /if ?> >Reference</a></li>
+                  if:reference ?>class="selected"<?cs /if ?> >
+                  <span class="en">Reference</span>
+                  <span class="zh-TW" style="display:none">參考資源</span>
+                  <span class="zh-CN" style="display:none">参考</span>
+                  <span class="ru" style="display:none">Справочник</span>
+                  <span class="ko" style="display:none">참조문서</span>
+                  <span class="ja" style="display:none">リファレンス</span>
+                  <span class="es" style="display:none">Referencia</span>
+                </a></li>
                 <li><a href="<?cs var:toroot ?>tools/index.html" <?cs
-                  if:tools ?>class="selected"<?cs /if ?> >Tools</a></li>
+                  if:tools ?>class="selected"<?cs /if ?> >
+                  <span class="en">Tools</span>
+                  <span class="zh-TW" style="display:none">相關工具</span>
+                  <span class="zh-CN" style="display:none">工具</span>
+                  <span class="ru" style="display:none">Инструменты</span>
+                  <span class="ko" style="display:none">도구</span>
+                  <span class="ja" style="display:none">ツール</span>
+                  <span class="es" style="display:none">Herramientas</span>
+                </a></li>
             </ul>
           <!--  <a class="button-secondary download-sdk">Download the SDK</a> -->
         </div>
diff --git a/tools/droiddoc/templates-sdk/customizations.cs b/tools/droiddoc/templates-sdk/customizations.cs
index 186a8b6..4ce01d7 100644
--- a/tools/droiddoc/templates-sdk/customizations.cs
+++ b/tools/droiddoc/templates-sdk/customizations.cs
@@ -297,7 +297,12 @@
     call:about_nav() ?><?cs 
   else ?><?cs 
     call:default_left_nav() ?><?cs 
-  /if ?><?cs 
+  /if ?>
+    <script>
+      $(document).ready(function() {
+        changeDocLang(getLangPref());
+        });
+    </script><?cs 
 /def ?>
 
 <?cs # appears at the bottom of every page ?><?cs 
diff --git a/tools/droiddoc/templates-sdk/docpage.cs b/tools/droiddoc/templates-sdk/docpage.cs
index 79a96b1..1f00339 100644
--- a/tools/droiddoc/templates-sdk/docpage.cs
+++ b/tools/droiddoc/templates-sdk/docpage.cs
@@ -27,15 +27,63 @@
     </div>
     <?cs if:training ?>
       <div class="training-nav-top layout-content-col span-5" itemscope itemtype="http://schema.org/SiteNavigationElement">
-        <a href="#" class="prev-page-link hide">Previous</a>
-        <a href="#" class="next-page-link hide">Next</a>
-        <a href="#" class="start-class-link hide">Get started</a>
-        <a href="#" class="start-course-link hide">First class</a>
+        <a href="#" class="prev-page-link hide">
+              <span class="en">Previous</span>
+              <span class="zh-TW" style="display:none">上一堂課</span>
+              <span class="zh-CN" style="display:none">上一课</span>
+              <span class="ru" style="display:none;font-size:85%">Предыдущий</span>
+              <span class="ko" style="display:none">이전</span>
+              <span class="ja" style="display:none">前へ</span>
+              <span class="es" style="display:none">Anterior</span>
+        </a>
+        <a href="#" class="next-page-link hide">
+              <span class="en">Next</span>
+              <span class="zh-TW" style="display:none">下一堂課</span>
+              <span class="zh-CN" style="display:none">下一课</span>
+              <span class="ru" style="display:none;font-size:85%">Следующий</span>
+              <span class="ko" style="display:none">다음</span>
+              <span class="ja" style="display:none">次へ</span>
+              <span class="es" style="display:none">Siguiente</span>
+        </a>
+        <a href="#" class="start-class-link hide">
+              <span class="en">Get started</span>
+              <span class="zh-TW" style="display:none">開始上課</span>
+              <span class="zh-CN" style="display:none">开始</span>
+              <span class="ru" style="display:none">Начало работы</span>
+              <span class="ko" style="display:none">시작하기</span>
+              <span class="ja" style="display:none">開始する</span>
+              <span class="es" style="display:none">Empezar</span>
+        </a>
+        <a href="#" class="start-course-link hide">
+              <span class="en">First class</span>
+              <span class="zh-TW" style="display:none">第一堂課</span>
+              <span class="zh-CN" style="display:none">第一课</span>
+              <span class="ru" style="display:none">Первый урок</span>
+              <span class="ko" style="display:none">첫 번째 강의</span>
+              <span class="ja" style="display:none">最初のクラス</span>
+              <span class="es" style="display:none">Primera clase</span>
+        </a>
       </div>
     <?cs else ?>
       <div class="paging-links layout-content-col span-4" itemscope itemtype="http://schema.org/SiteNavigationElement">
-        <a href="#" class="prev-page-link hide">Previous</a>
-        <a href="#" class="next-page-link hide">Next</a>
+        <a href="#" class="prev-page-link hide">
+          <span class="en">Previous</span>
+          <span class="zh-TW" style="display:none">上一堂課</span>
+          <span class="zh-CN" style="display:none">上一课</span>
+          <span class="ru" style="display:none;font-size:85%">Предыдущий</span>
+          <span class="ko" style="display:none">이전</span>
+          <span class="ja" style="display:none">前へ</span>
+          <span class="es" style="display:none">Anterior</span>
+        </a>
+        <a href="#" class="next-page-link hide">
+          <span class="en">Next</span>
+          <span class="zh-TW" style="display:none">下一堂課</span>
+          <span class="zh-CN" style="display:none">下一课</span>
+          <span class="ru" style="display:none;font-size:85%">Следующий</span>
+          <span class="ko" style="display:none">다음</span>
+          <span class="ja" style="display:none">次へ</span>
+          <span class="es" style="display:none">Siguiente</span>
+        </a>
       </div>
     <?cs /if ?><?cs # end if training ?>
   </div>
@@ -87,8 +135,24 @@
         <?cs if:!fullscreen ?>
         <div class="paging-links layout-content-col col-4">
           <?cs if:(design||training||guide||walkthru) && !page.landing && !footer.hide ?>
-            <a href="#" class="prev-page-link hide">Previous</a>
-            <a href="#" class="next-page-link hide">Next</a>
+            <a href="#" class="prev-page-link hide">
+              <span class="en">Previous</span>
+              <span class="zh-TW" style="display:none">上一堂課</span>
+              <span class="zh-CN" style="display:none">上一课</span>
+              <span class="ru" style="display:none;font-size:85%">Предыдущий</span>
+              <span class="ko" style="display:none">이전</span>
+              <span class="ja" style="display:none">前へ</span>
+              <span class="es" style="display:none">Anterior</span>
+            </a>
+            <a href="#" class="next-page-link hide">
+              <span class="en">Next</span>
+              <span class="zh-TW" style="display:none">下一堂課</span>
+              <span class="zh-CN" style="display:none">下一课</span>
+              <span class="ru" style="display:none;font-size:85%">Следующий</span>
+              <span class="ko" style="display:none">다음</span>
+              <span class="ja" style="display:none">次へ</span>
+              <span class="es" style="display:none">Siguiente</span>
+            </a>
           <?cs /if ?>
         </div>
         <?cs /if ?>