<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html lang="ja">

<head>

<meta http-equiv="content-type" content="text/html;charset=SHIFT_JIS">

<meta http-equiv="content-style-type" content="text/css">

<meta http-equiv="content-script-type" content="text/javascript">

<meta name="robots" content="noindex">

<meta name="viewport" content="width=device-width,initial-scale=1.250">

<title>

ピクチャーボード

</title>


<script type="text/javascript">

<!--

  //バージョン：独立版：3.16

  /*

  〇3.1からの変更点

  ・「Pictmenu_A01.html《内の最大セット（以下フォルダ）数初期値を「99《にし、旧「i=;《の行を編集しなくてよい形式に改めました。

  ・上記に伴い、99フォルダ以上の登録を行う場合は最大数の行の適宜調整をよろしくお願いします。

  ・「画像セット《の呼称が分かりづらいとのご指摘を受け、以降の呼称を「フォルダ《に統一します。


　・フォルダの一括チェックが機能していなかった問題を修正。

  */

  
  //※このファイルは「Pictboard_Main.html《です。

  //通常の動作の上では特に編集される必要はありません。


  //○プログラムの起動準備

  var nowset=1;						//現在のフォルダ

  var nowpic=0;						//現在の画像

  var automode=0;					//自動送り設定オンオフ

  var randmode=0;					//ランダム送りオンオフ（ランダムは2連続で同じ画像を引くこともあるループとする。）

  var footmax=20;					//表示履歴の最大値

  var foot=0;						//表示中の履歴番号

  var randfoot=new Array(footmax);	//ランダム送り時の履歴

  var autoid=0;						//オート機能用のまじないの一種

  var autospeed=5000;				//自動送り設定、5秒

  var Re;							//テキスト書き換え用まじない

  
  var exp=new Array(2);				//左右フレームの展開状態


//音声認識関連パート

//https://www.yoheim.net/blog.php?q=20140701

//を参考、というかほぼ流用。

  var talk=new webkitSpeechRecognition();					//音声認識用にウェブキットスピーチレコグニション～を読み込み

  talk.lang="JA";											//使用言語は日本語（これがChrome限定の一つ）

  talk.continuous=true;										//継続して聞き取るモードON

  var mantra="";											//聞き取った単語の格紊用変数

  var mike=false;											//聞き取りの状態を格紊

  var tcnt=0;												//音節ごとに情報を引き出すための添え字

  
  var i=0;

  var j=0;


  //〇起動準備

  function Setup(){


    //ランダム表示時の履歴や最大値の用意

    for (i=0;i<footmax;i++){

      randfoot[i]=new Array(2);

    }

    for (i=0;i<footmax;i++){

      randfoot[i][0]=0;

      randfoot[i][1]=0;

    }

    
    //展開ボタンの位置調整

    document.expander_L.style.top=Math.floor((document.body.clientHeight-85)/2);

    document.expander_R.style.top=Math.floor((document.body.clientHeight-85)/2);

    
    //フレームの格紊

    menucaseF.style.left=-270;

    exp[0]=0;

    //buttoncaseF.style.right=-270;

    buttoncaseF.style.top=-1000;

    exp[1]=0;

  }


  //〇画像順送り

  function Nextpage(){

    //ランダム機能がオフの場合

    if (randmode==0){

      nowpic++;

      eval("menucase.chkflg=menucase.document.sellist.set_"+nowset+".checked");

      if ((nowpic>=menucase.picmax[nowset])||(menucase.chkflg==false)){

        Setskip(1);

      }

      document.pict.src=""+menucase.setlist[nowset]+"/"+menucase.piclist[nowset][nowpic];

      Labelset();

    }

    //ランダム機能がオンの場合

    else{

      if (foot>0){

        foot--;

        Indexjump(randfoot[foot][0],randfoot[foot][1]);

      }

      else{

        Randomjump();

      }

    }

  }


  //〇画像逆送り

  function Backpage(){

    if (randmode==0){

      nowpic--;

      eval("menucase.chkflg=menucase.document.sellist.set_"+nowset+".checked");

      if ((nowpic<0)||(menucase.chkflg==false)){

        Setskip(-1);

      }

      document.pict.src=""+menucase.setlist[nowset]+"/"+menucase.piclist[nowset][nowpic];

      Labelset();

    }

    else{

      if(foot<(footmax-1)){

        foot++;

        Indexjump(randfoot[foot][0],randfoot[foot][1]);

      }

      else{

        Re=document.getElementById("picttitle");

        Re.innerHTML="<b>※履歴の最後の項目です</b>";

      }


    }

  }


  //〇特定画像へジャンプ

  function Indexjump(x,y){

    nowset=x;

    nowpic=y;

    document.pict.src=""+menucase.setlist[nowset]+"/"+menucase.piclist[nowset][nowpic];

    Labelset();

  }


  //〇ランダムな画像へジャンプ

  function Randomjump(){

    //先ずはジャンプ対象となる画像の範囲を計算

    menucase.picsum=0;

    for(i=1;i<menucase.setmax;i++){

      eval("menucase.chkflg=menucase.document.sellist.set_"+i+".checked");

      if (menucase.chkflg){

        menucase.picsum+=menucase.picmax[i];

      }

    }

    //ジャンプ開始

    if (menucase.picsum>0){

      nowpic=Math.floor(Math.random()*menucase.picsum);

      nowset=1;

      eval("menucase.chkflg=menucase.document.sellist.set_"+nowset+".checked");

      while((nowpic>=menucase.picmax[nowset])||(menucase.chkflg==false)){

        while(menucase.chkflg==false){

          nowset++;

          eval("menucase.chkflg=menucase.document.sellist.set_"+nowset+".checked");

        }

        if (nowpic>=menucase.picmax[nowset]){

          nowpic-=menucase.picmax[nowset];

          nowset++;

          eval("menucase.chkflg=menucase.document.sellist.set_"+nowset+".checked");

        }

      }

      for (i=(footmax-1);i>0;i--){

        randfoot[i][0]=randfoot[i-1][0];

        randfoot[i][1]=randfoot[i-1][1];

      }

      randfoot[0][0]=nowset;

      randfoot[0][1]=nowpic;

    }

    else{

      menucase.document.sellist.set_0.checked=true;

      nowset=0;

      nowpic=0;

    }

    document.pict.src=""+menucase.setlist[nowset]+"/"+menucase.piclist[nowset][nowpic];

    Labelset();

  }


  //〇フォルダの切り替え

  function Setskip(x){

    i=0;

    //こちら順送り

    if (x>0){

      nowset+=x;

      i=1;

      if (nowset>=menucase.setmax){

        nowset=(nowset%menucase.setmax)+1;

      }

      eval("menucase.chkflg=menucase.document.sellist.set_"+nowset+".checked");

      while((i<menucase.setmax)&&(menucase.chkflg==false)){

        nowset++;

        i++;

        if (nowset>=menucase.setmax){

         nowset=1;

        }

        eval("menucase.chkflg=menucase.document.sellist.set_"+nowset+".checked");

      }

      if ((i>=menucase.setmax)&&(menucase.chkflg==false)){

        menucase.document.sellist.set_1.checked=true;

        nowset=1;

      }

      nowpic=0;

      Indexjump(nowset,nowpic);

    }

    
    //こちら逆送り

    if(x<0){

      nowset+=x;

      i=1;

      if (nowset<1){

        nowset=((nowset+menucase.setmax-1)%menucase.setmax);

      }

      eval("menucase.chkflg=menucase.document.sellist.set_"+nowset+".checked");

      while((i<menucase.setmax)&&(menucase.chkflg==false)){

        nowset--;

        i++;

        if (nowset<1){

         nowset=(menucase.setmax-1);

        }

        eval("menucase.chkflg=menucase.document.sellist.set_"+nowset+".checked");

      }

      if ((i>=menucase.setmax)&&(menucase.chkflg==false)){

        menucase.document.sellist.set_1.checked=true;

        nowset=1;

      }

      nowpic=(menucase.picmax[nowset]-1);

      Indexjump(nowset,nowpic);

    }

  }


  //〇自動送り

  function Autonext(x){

    if (x==1){

      automode=(automode+1)%2;

      Labelset();

    }

    
    if (automode==1){

      Nextpage();    

      autoid=setTimeout("Autonext(0)",autospeed);

      buttoncase.buttonset.button_2.value="自動送りオン";

    }

    else{

      buttoncase.buttonset.button_2.value="自動送りオフ";

    }

  }


  //〇画像説明文設定

  function Labelset(){

    Re=document.getElementById("picttitle");

    Re.innerHTML=""+menucase.setlist[nowset]+""+menucase.piclist[nowset][nowpic]+"（"+nowset+"/"+nowpic+"）";

    if (randmode==1){

      Re.innerHTML+="<br>ランダム送り中";

    }

    if (automode==1){

      Re.innerHTML+="<br>自動送り中（速度"+autospeed+"）";

    }

  }


　//〇音声認識関連

  function Vhear(){

    if (mike==false){

      mike=true;

      talk.start();

      
      talk.onresult=function(e){

        if ((e.results[tcnt].isFinal)&&(e.results.length>0)){

          mantra=e.results[tcnt][0].transcript;

          tcnt++;

          Vact(mantra);

        }

      }

      talk.onerror=function(){

        Re=document.getElementById("wordstest");

        Re.innerHTML+="※聞き取り失敗<br>";

      }

      talk.onend=function(){

        talk.stop();

        tcnt=0;

        mantra="";

        mike=false;

      }

    }

    else{

      talk.stop();

      tcnt=0;

      mantra="";

      mike=false;

    }

  }


  //〇音声による機能操作群

  function Vact(t){

    switch (t){

      case "次":

      case "次へ":

      case "進む":

      case "はい":

        Nextpage();

        break;

        
      case "前":

      case "前へ":

      case "戻る":

        Backpage();

        break;

        
      case "自動":

      case "オート":

        Autonext(1);

        break;

        
      case "遅く":

        Autocfg(500);

        break;

      case "早く":

        Autocfg(-500);

        break;

        
      case "ランダム":

        Randon();

        break;

      case "チェンジ":

        Randomjump();

        break;

      case "メニュー":

      case "リスト":

      case "一覧":

      case "お品書き":

        Expand(0);

        break;

      case "ボタン":

      case "操作":

        Expand(1);

        break;

      default:

        break;

    }

  }


  //キー入力に反応して機能へと案内

  function Kact(k){


    //ページ切り替え（→,←,テンキー6,4）

    if ((k==39)||(k==102)){

      Nextpage();

    }

    if ((k==37)||(k==100)){

      Backpage();

    }


    //フォルダ切り替え（↑,↓,テンキー8,2）

    if ((k==38)||(k==104)){

      Setskip(-1);

    }

    if ((k==40)||(k==98)){

      Setskip(1);

    }


    //速度変更（S,D,テンキー1,3）

    if ((k==83)||(k==97)){

      autospeed+=500;

      if (autospeed>60000){

        autospeed=60000;

      }

      Labelset();

    }

    if ((k==68)||(k==99)){

      autospeed-=500;

      if (autospeed<500){

        autospeed=500;

      }

      Labelset();

    }

    
    //ランダム送りオンオフ（R,テンキー5）

    if ((k==82)||(k==101)){

      Randon();

    }


    //音声聞き取り開始（T）

    if (k==84){

      Vhear();

    }


    //割合ジャンプ（０～９）

    if (k==48){

      Ratiojump(0);

    }

    if (k==49){

      Indexjump(nowset,Math.floor(menucase.picmax[nowset]/10));

    }

    if (k==50){

      Indexjump(nowset,Math.floor(menucase.picmax[nowset]/10*2));

    }

    if (k==51){

      Indexjump(nowset,Math.floor(menucase.picmax[nowset]/10*3));

    }

    if (k==52){

      Indexjump(nowset,Math.floor(menucase.picmax[nowset]/10*4));

    }

    if (k==53){

      Indexjump(nowset,Math.floor(menucase.picmax[nowset]/10*5));

    }

    if (k==54){

      Indexjump(nowset,Math.floor(menucase.picmax[nowset]/10*6));

    }

    if (k==55){

      Indexjump(nowset,Math.floor(menucase.picmax[nowset]/10*7));

    }

    if (k==56){

      Indexjump(nowset,Math.floor(menucase.picmax[nowset]/10*8));

    }

    if (k==57){

      Indexjump(nowset,Math.floor(menucase.picmax[nowset]/10*9));

    }


    //自動送り（Ａ,テンキー0）

    if ((k==65)||(k==96)){

      Autonext(1);

    }

    
    //左右フレーム展開（「、《キー）

    if (k==219){

      Expand(0);

    }

    if (k==221){

      Expand(1);

    }

    
  }

  
  //〇自動送りの速度設定

  function Autocfg(x){

    autospeed+=x;

    //「sutospeed《は次の画像までの切り替え時間。適正な範囲に収まるよう微調整。

    if (autospeed>60000){

       autospeed=60000;

    }

    if (autospeed<500){

       autospeed=500;

    }

    Labelset();

  }

  
  //〇ランダム機能オンオフ

  function Randon(){

    randmode=(randmode+1)%2;

    if (randmode==0){

      foot=0;

      buttoncase.buttonset.button_5.value="ランダム送りオフ";

    }

    else{

      buttoncase.buttonset.button_5.value="ランダム送りオン";

    }

    Labelset();

  }

  
  //〇割合ジャンプ

  function Ratiojump(x){

    Indexjump(nowset,Math.floor(menucase.picmax[nowset]/10*x));

  }

  
  //〇背景色変更

  function Bgcchang(x){

    if (x.length>0){

      document.bgColor=x;

    }

  }

  
  //〇左右フレーム展開ボタン表示

  function Touch(x,y){

    if (x==0){

      if (y==1){

        if (exp[0]==0){

          document.expander_L.src="thumbnail/expand_L.png";

        }

        else{

          document.expander_L.src="thumbnail/expand_R.png";

        }

	    document.expander_L.style.top=Math.floor((document.body.clientHeight-85)/2);

      }

      else{

        document.expander_L.src="thumbnail/dummy.png";

      }

    }

    if (x==1){

      if (y==1){

        if (exp[1]==0){

          document.expander_R.src="thumbnail/expand_R.png";

        }

        else{

          document.expander_R.src="thumbnail/expand_L.png";

	    document.expander_R.style.top=Math.floor((document.body.clientHeight-85)/2);

        }

      }

      else{

        document.expander_R.src="thumbnail/dummy.png";

      }

    }

  }

  
  //〇左右フレーム展開

  function Expand(x){

    if (x==0){

      if (exp[0]==0){

        menucaseF.style.left=20;

        document.expander_L.style.left=290;

        document.expander_L_coli.style.left=290;

        exp[0]=1;

      }

      else{

        menucaseF.style.left=-270;

        document.expander_L.style.left=0;

        document.expander_L_coli.style.left=0;

        exp[0]=0;

      }

    }

    if (x==1){

      if (exp[1]==0){

        buttoncaseF.style.top=20;

        document.expander_R.style.right=290;

        document.expander_R_coli.style.right=290;

        exp[1]=1;

      }

      else{

        buttoncaseF.style.top=-1000;

        document.expander_R.style.right=0;

        document.expander_R_coli.style.right=0;

        exp[1]=0;

      }

    }

  }

  
-->

</script>


</head>


<body bgcolor="#444444" text="#FFFFFF" link="#a0FF80" alink="#FFFF80" vlink="#508840" style="line-height:1.2" onLoad="Setup()" onKeyDown="Kact(event.keyCode)">


<iframe id="menucaseF" name="menucase" src='Pictmenu_A01.html' style="position:absolute; top:20; left:20; z-index:5" width='270' height='95%' scrolling='yes' frameborder='0'></iframe>


<img name="expander_L" src="thumbnail/dummy.png" style="position:absolute; top:450; left:0; z-index:6" width="60" height="85">

<img name="expander_L_coli" src="thumbnail/dummy.png" style="position:absolute; top:0; left:0; z-index:7; cursor:hand" width="60" height="900" onMouseOver="Touch(0,1)" onMouseOut="Touch(0,0)" onClick="Expand(0)">


<img name="expander_R" src="thumbnail/dummy.png" style="position:absolute; top:450; right:0; z-index:6" width="60" height="85">

<img name="expander_R_coli" src="thumbnail/dummy.png" style="position:absolute; top:0; right:0; z-index:7; cursor:hand" width="60" height="900" onMouseOver="Touch(1,1)" onMouseOut="Touch(1,0)" onClick="Expand(1)">


<div align="center">

<img name="pict" src="" style="position:relative; top:0; z-index:3; cursor:hand" height="95%" onClick="Nextpage()"><br>

<span id="picttitle">フォルダ吊/画像吊（ページ数）</span>


</div>


<iframe id="buttoncaseF" name="buttoncase" src='Pictmenu_B.html' style="position:absolute; top:20; right:20; z-index:5" width='270' height='95%' scrolling='yes' frameborder='0'></iframe>


</body>

</html>