/* ==================================================
   dagik/js/menubar.js
   last update: 2009-12-14 17:00:01 daiki
   ================================================== */


   function printHeader(lang, depth) {
       var root = '';
       for (var i = 0; i < depth; i++) { root = root + '../'; }
       var top = (depth == 0) ? '.' : root;

       var str = '';


       // title
       var str_h1 = '';
       if (lang == 'ja') 
	   str_h1 = 'Dagik: 地球科学データの4次元表示';
       else 
	   str_h1 = 'Dagik: 4-dimensional visualization of the geoscience data';


       // output title
       str = str +
	   '<a href="' + top + '"><img src="'+
	   root + 'images/dagik_logo.png" alt="dagik logo" /></a>' +
	   '<h1>' + str_h1 + '</h1>';
       el('header').innerHTML = str;


       //menu
       var str_menu = new Array(5);
       for (var i = 0; i < str_menu.length; i++) {
	   str_menu[i] = new Array(5);
       }

       if (lang == 'ja') {
	   str_h1 = 'Dagik: 地球科学データの4次元表示';
	   str_menu[0][0] = 'ダジックとは';
	   str_menu[0][1] = 'ダジックについて';
	   str_menu[0][2] = 'お知らせ';
	   str_menu[1][0] = '使い方';
	   str_menu[1][1] = 'デモムービー';
	   str_menu[1][2] = 'スクリーンショット';
	   str_menu[1][3] = 'よくある質問';
	   str_menu[2][0] = 'データ検索';
	   str_menu[2][1] = 'データ検索';
	   str_menu[2][2] = 'データ一覧';
	   str_menu[3][0] = '詳細情報';
	   str_menu[3][1] = '開発に参加する';
	   str_menu[3][2] = 'KML入門';
	   str_menu[3][3] = 'Dagik on the Web';
	   str_menu[4][0] = 'デジタル４次元地球儀';
	   str_menu[4][1] = 'ダジック・アース';
	   str_menu[4][2] = 'アウトリーチ活動';
       }       
       else {
	   str_h1 = 'Dagik: 4-dimensional visualization of the geoscience data';
	   str_menu[0][0] = 'About Dagik';
	   str_menu[0][1] = 'About us';
	   str_menu[0][2] = 'News';
	   str_menu[1][0] = 'How to use';
	   str_menu[1][1] = 'Demo Movies';
	   str_menu[1][2] = 'Screenshots';
	   str_menu[1][3] = 'FAQ';
	   str_menu[2][0] = 'Data Search';
	   str_menu[2][1] = 'Data Search';
	   str_menu[2][2] = 'Data List';
	   str_menu[3][0] = 'More Informations';
	   str_menu[3][1] = 'Join Dagik';
	   str_menu[3][2] = 'Introduction to KML';
	   str_menu[3][3] = 'Dagik on the Web';
	   str_menu[4][0] = 'Digital 4D Earth';
	   str_menu[4][1] = 'Dagik Earth';
	   str_menu[4][2] = 'Public Outreach';
       }

       str = str + '<div class="menu">';
       str = str + 
	   '<dl class="dropdown">' + 
	   '<dt id="drop1-ddheader" onmouseover="ddMenu(\'drop1\',1)" onmouseout="ddMenu(\'drop1\',-1)">' + str_menu[0][0] + '</dt>' + 
	   '<dd id="drop1-ddcontent" onmouseover="cancelHide(\'drop1\')" onmouseout="ddMenu(\'drop1\',-1)">';
       str = str +
	   '<ul>' +
	   '<li><a href="' + root + 'about/" class="underline">' + str_menu[0][1] + '</a></li>' + 
	   '<li><a href="' + root + 'news/">' + str_menu[0][2] + '</a></li>' + 
	   '</ul></dd></dl>';

       str = str + 
	   '<dl class="dropdown">' +
	   '<dt id="drop2-ddheader" onmouseover="ddMenu(\'drop2\',1)" onmouseout="ddMenu(\'drop2\',-1)">' + str_menu[1][0] + '</dt>' +
	   '<dd id="drop2-ddcontent" onmouseover="cancelHide(\'drop2\')" onmouseout="ddMenu(\'drop2\',-1)">';
       str = str +
	   '<ul>' + 
	   '<li><a href="' + root + 'screen_shots/movies/" class="underline">' + str_menu[1][1] + '</a></li>' + 
	   '<li><a href="' + root + 'screen_shots/images/" class="underline">' + str_menu[1][2] + '</a></li>' + 
	   '<li><a href="' + root + 'Q_A.html">' + str_menu[1][3] + '</a></li>' +
	   '</ul></dd></dl>';

       str = str + 
	   '<dl class="dropdown">' +
	   '<dt id="drop3-ddheader" onmouseover="ddMenu(\'drop3\',1)" onmouseout="ddMenu(\'drop3\',-1)">' + str_menu[2][0] + '</dt>' +
	   '<dd id="drop3-ddcontent" onmouseover="cancelHide(\'drop3\')" onmouseout="ddMenu(\'drop3\',-1)">';
       str = str + 
	   '<ul>' +
	   '<li><a href="' + root + 'search.html" class="underline">' + str_menu[2][1] + '</a></li>' +
	   '<li><a href="' + root + 'search.html#list">' + str_menu[2][2] + '</a></li>' +
	   '</ul></dd></dl>';

       str = str + 
	   '<dl class="dropdown">' +
	   '<dt id="drop4-ddheader" onmouseover="ddMenu(\'drop4\',1)" onmouseout="ddMenu(\'drop4\',-1)">' + str_menu[3][0] + '</dt>' +
	   '<dd id="drop4-ddcontent" onmouseover="cancelHide(\'drop4\')" onmouseout="ddMenu(\'drop4\',-1)">';
       str = str +
	   '<ul>' + 
	   '<li><a href="' + root + 'more.html" class="underline">' + str_menu[3][1] + '</a></li>' +
//	   '<li><a href="' + root + 'more.html" class="underline">' + str_menu[3][2] + '</a></li>' +
	   '<li><a href="' + root + 'kml_intro/" class="underline">' + str_menu[3][2] + '</a></li>' +
	   '<li><a href="' + root + 'dow/">' + str_menu[3][3] + '</a></li>' +
	   '</ul></dd></dl>';

       str = str +
	   '<dl class="dropdown">' +
	   '<dt id="drop5-ddheader" onmouseover="ddMenu(\'drop5\',1)" onmouseout="ddMenu(\'drop5\',-1)">' + str_menu[4][0] + '</dt>' +
	   '<dd id="drop5-ddcontent" onmouseover="cancelHide(\'drop5\')" onmouseout="ddMenu(\'drop5\',-1)">';
       str = str +
	   '<ul>' +
	   '<li><a href="' + root + 'dagik_earth/" class="underline">' + str_menu[4][1] + '</a></li>' +
	   '<li><a href="' + root + 'outreach/">' + str_menu[4][2] + '</a></li>' +
	   '</ul></dd></dl>';

       str = str + '</div>';

       el('header').innerHTML = str;
   }



   function printFooter(lang, depth) {
       var root = '';
       for (var i = 0; i < depth; i++) { root = root + '../'; }

       var str = '';
       str = str +
	   '<p class="logo"><a href="http://www.kyoto-u.ac.jp/"><img src="' +
	   root + 'images/ku_logo_40.jpg" alt="Kyoto Univ." /></a></p>';
       str = str + 
	   '<p class="logo" style="border: solid 1px #ccc;">' + 
	   '<a href="http://www-step.kugi.kyoto-u.ac.jp/"><img src="' +
	   root + 'images/SPEL_logo.png" alt="SPEL" /></a></p>';
       if (lang == 'ja') {
	   str = str +
	       '<p>ダジックは<a href="http://www-step.kugi.kyoto-u.ac.jp/">' +
	       '京都大学大学院理学研究科地球惑星科学専攻太陽惑星系電磁気学講座</a>' +
	       'ダジック・チームを中心として運営されています。</p>';
	   str = str + 
	       '<p>ご質問・ご意見は右記まで: <img src="' +
	       root + 'images/dagik_email.png" ' +
	       'style="vertical-align:text-top;"></p>';
       }
       else {
	   str = str +
	       '<p>Dagik is the project leaded by Dagik team of ' +
	       '<a href="http://www-step.kugi.kyoto-u.ac.jp/">' +
	       'Solar-Planetary Electromagnetism Laboratory, Kyoto University</a>, ' +
	       'Japan.<br /></p>';
	   str = str + 
	       '<p>Comments & Questions: <img src="' +
	       root + 'images/dagik_email.png"></p>';
       }
       el('footer').innerHTML = str;
   }


   var langs = ['ja', 'en'];
   var langsText = ['日本語', 'English'];
   var langFormId = 'langSelect'

   function changeLang(form) {
       var index = el(langFormId).selectedIndex;
       var suffix = el(langFormId).options[index].value;

       var path = window.location.pathname;
       var str = '';

       if (path.match(/\/$/)) {
	   str = path + 'index.html.' + suffix;
       }
       else if (path.match(/\.html$/)) {
	   str = path + '.' + suffix;
       }
       else {
	   for (var i = 0; i < langs.length; i++) {
	       re = new RegExp('.' + langs[i] + '$')
	       if (path.match(re)) {
		   if (langs[i] == suffix)
		       return;
		   else {
		       str = path.replace(re, '.' + suffix);
		       break;
		   }
	       }
	   }
       }

       // jump
       if (str != '') window.location.pathname = str;
   }


   function printLangs(lang) {
       var str =
	   '<form><select id="' + langFormId + '" onChange="changeLang(this);">';
       for (var i = 0; i < langs.length; i++) {
	   str = str + '<option value="' + langs[i] + '"';
	   if (lang == langs[i])
	       str = str + ' selected';
	   str = str + '>' + langsText[i] + '</option>';
       }
       str = str + '</select></form>';

       el('langs').innerHTML = str;
   }



/* ==================================================
   <div id="langsForm">
     <form>
       <select id="langs" onChange="changeLang(this);">
         <option value="ja" selected>日本語</option>
         <option value="en">English</option>
       </select>
     </form>
   </div>
   ================================================== */





/* ==================================================
   <div id='header'>
   <a href="../"><img src="../images/dagik_logo.png" alt="dagik logo" /></a>
   <h1>Dagik: 地球科学データの4次元表示</h1>
   <div class="menu">
   <dl class="dropdown">
     <dt id="drop1-ddheader" onmouseover="ddMenu('drop1',1)" onmouseout="ddMenu('drop1',-1)">最新情報</dt>
     <dd id="drop1-ddcontent" onmouseover="cancelHide('drop1')" onmouseout="ddMenu('drop1',-1)">
       <ul>
         <li><a href="../news/" class="underline">お知らせ</a></li>
         <li><a href="../news/#">過去ログ</a></li>
       </ul>
     </dd>
   </dl>
   <dl class="dropdown">
     <dt id="drop2-ddheader" onmouseover="ddMenu('drop2',1)" onmouseout="ddMenu('drop2',-1)">使い方</dt>
     <dd id="drop2-ddcontent" onmouseover="cancelHide('drop2')" onmouseout="ddMenu('drop2',-1)">
       <ul>
         <li><a href="../screen_shots/movies/" class="underline">デモムービー</a></li>
         <li><a href="../screen_shots/images/" class="underline">スクリーンショット</a></li>
         <li><a href="../q_a_ja.html">よくある質問</a></li>
       </ul>
     </dd>
   </dl>
   <dl class="dropdown">
     <dt id="drop3-ddheader" onmouseover="ddMenu('drop3',1)" onmouseout="ddMenu('drop3',-1)">データ検索</dt>
     <dd id="drop3-ddcontent" onmouseover="cancelHide('drop3')" onmouseout="ddMenu('drop3',-1)">
       <ul>
         <li><a href="../search.html" class="underline">データ検索</a></li>
         <li><a href="../search.html#">データ一覧</a></li>
       </ul>
     </dd>
   </dl>
   <dl class="dropdown">
     <dt id="drop4-ddheader" onmouseover="ddMenu('drop4',1)" onmouseout="ddMenu('drop4',-1)">詳細情報</dt>
     <dd id="drop4-ddcontent" onmouseover="cancelHide('drop4')" onmouseout="ddMenu('drop4',-1)">
       <ul>
         <li><a href="../more.html" class="underline">開発に参加する</a></li>
         <li><a href="../more.html" class="underline">データを提供する</a></li>
         <li><a href="../kml_intro/">KML入門</a></li>
       </ul>
     </dd>
   </dl>
   <dl class="dropdown">
     <dt id="drop5-ddheader" onmouseover="ddMenu('drop5',1)" onmouseout="ddMenu('drop5',-1)">４次元デジタル地球儀</dt>
     <dd id="drop5-ddcontent" onmouseover="cancelHide('drop5')" onmouseout="ddMenu('drop5',-1)">
       <ul>
         <li><a href="../dagik_earth/" class="underline">ダジック・アース</a></li>
         <li><a href="../outreach/">アウトリーチ活動</a></li>
       </ul>
     </dd>
   </dl>
   </div>
   </div>
   ================================================== */



   /* ==================================================
   <div id="footer">
   <p class="logo"><a href="http://www.kyoto-u.ac.jp/"><img src="../images/ku_logo_40.jpg" alt="Kyoto Univ." /></a></p>
   <p class="logo" style="border: solid 1px #ccc;"><a href="http://www-step.kugi.kyoto-u.ac.jp/"><img src="../images/SPEL_logo.png" alt="SPEL" /></a></p>
   <p>ダジックは<a href="http://www-step.kugi.kyoto-u.ac.jp/">京都大学大学院理学研究科地球惑星科学専攻太陽惑星系電磁気学講座</a>ダジック・チームを中心として運営されています。</p>
   <p>ご質問・ご意見は右記まで: <img src="../images/dagik_email.png"></p>
   </div>
   ================================================== */