<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<HTML>
<HEAD>
<TITLE>flashcards body parts/tarjeta de vocabulario partes del cuerpo</TITLE>
</HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
 <script language="JavaScript" type="text/javascript">  
 
   
     var aImages =         [ "kanji1.png",
                        "kanji1.png",
                        "kanji2.png",
                        "kanji3.png",
                        "kanji4.png",                       
                        "kanji5.png",
                        "kanji6.png",
                        "kanji7.png",
                        "kanji8.png", 
                        "kanji9.png",
                        "kanji10.png",
                        "kanji11.png",
                        "kanji12.png",
                        "kanji13.png",
                        "kanji14.png",
                        "kanji15.png",
                        "kanji16.png",
                        "kanji17.png",
                        "kanji18.png", 
                        "kanji19.png",
                        "kanji20.png",
                        "kanji21.png",
                        "kanji22.png",
                        "kanji23.png",
                        "kanji24.png",
                        "kanji25.png",
                        "verbs1-10.png", 
                        "japaneseVbarrow.png",
                        "japanesevEbarrow.png",    
                        "japaneseVexist.png",
                        "japaneseVEexist.png",                                    
                        "japaneseVgive.png",
                        "japaneseVEgive.png",
                        "japaneseVmeet.png",
                        "japaneseVEmeet.png",
                        "JapaneseVneed.png",
                        "japaneseVEneed.png",
                        "japaneseVopen1.png",
                        "japaneseVEopen1.png",
                        "japaneseVopen2.png",
                        "japaneseVEopen2.png",
                        "japaneseVplay.png",
                        "japaneseVEplay.png",
                        "japaneseVpossess.png",
                        "japaneseVEpossess.png",
                        "japaneseVsay.png",
                        "japaneseVEsay.png",
                        "japaneseVshower.png",
                        "japaneseVEshower.png",
                        "japaneseVtobeborn.png",
                        "japaneseVEtobeborn.png",  
                        "japaneseVtobeintrouble.png", 
                        "japaneseVEtobeintrouble.png",                                    
                        "japaneseVtoexist.png",
                        "japaneseVEtoexist.png",
                        "japaneseVtogo.png",
                        "japaneseVEtogo.png",
                        "japaneseVtoinsert.png",
                        "JapaneseVEtoinsert.png",
                        "japaneseVtopush.png",
                        "japaneseVEtopush.png",
                        "japaneseVtoput.png",  
                        "japaneseVEtoput.png",
                        "japaneseVtosell.png", 
                        "japaneseVEtosell.png",
                        "japaneseVtosend.png",    
                        "japaneseVEtosend.png",
                        "japaneseVtosing.png",  
                        "japaneseVEtosing.png",
                        "japaneseVtostandup.png",
                        "japanese.VEtostandup.png",
                        "japaneseVwalk.png", 
                        "japaneseVEwalk.png",                                    
                        "japaneseVwash.png", 
                        "japaneseVEwash.png",
                        "agaru.png",
                        "ageru.png",
                        "aku2.png",
                        "aru1.png",
                        "au2.png",
                        "iu.png",
                        "kikoeru.png",
                        "kimaru.png",
                        "kimeru.png",
                        "komu.png",
                        "kowareru.png",
                        "kowaswu.png",
                        "kudasaru.png",
                        "kuraberu.png",
                        "kureru1.png",
                        "kureru2.png",
                        "sagaru.png",
                        "sagasu.png",
                        "sageru.png",
                        "sashiageru.png",
                        "sawagu.png",
                        "sawaru.png",
                        "shikaru.png",
                        "shiraberu.png",
                        "shiraseru.png",
                        "suberu.png",
                        "sugiru.png",
                        "sumu2.png",
                        "susumu.png",
                        "suteru.png" ] ;
                       
                      
                       
 
 var oImage   =  null;  
      var count = 0;
      var iIdx     =  0;  
      browsespeed = 3000;
      function play3(){  
        try{  
          //look only once in DOM and cache it  
          if(oImage===null){  
            oImage  =  window.document.getElementById("imgHolder");  
          }
            document.getElementById("counter").innerHTML = (iIdx);
            oImage.src  =  aImages[(++iIdx)%(aImages.length)]; 
     <!--       oImage.src  =  aImages(iIdx); -->                              
              setTimeout('play3()',browsespeed);  
        }catch(oEx){  
          //some error handling here  
        }  
      }                                              

</script>  
<script> 
function slideShowb() {
 iIdx = iIdx - 1;
 }  
</script>

<script> 
function slideShowf() {
 iIdx = iIdx + 1;
 }  

</script>

<script> 
function Pause() {
 prompt('Enter any key to continue:');
 }  

</script>

<!-- var newiIdx = prompt('Enter start point:');
 iIdx = newiIdx;-->

<!-- if (direction == 'back'){  
 oImage.src = aImages[(5)%(aImages.length)]; -->

<script>
 var  browsespeed;
function chgbrowsespeed() {  
 browsespeed = prompt('Enter browse between 50 and 5000, 50 really fast, 5000 really slow:');

}

</script>

<script>
 var oldColor = 'red';

function changeColor() {
  oldColor = document.body.style.backgroundColor;
  var newColor = prompt('Enter a color:');
  document.body.style.backgroundColor = newColor;
}

function undoColor() {
  var newColor = oldColor;
  oldColor = document.body.style.backgroundColor;
  document.body.style.backgroundColor = newColor;
}


  
</script>        

       <script type="text/javascript">
        // Global variable to track current file name.
        var currentFile = "";
        function playAudio() {
            // Check for audio element support.
                  if (window.HTMLAudioElement) {  
                try { 
                    var oAudio = document.getElementById('myaudio');
                    var btn = document.getElementById('play'); 
                    var audioURL = document.getElementById('audiofile'); 

                    //Skip loading if current file hasn't changed.
                    if (audioURL.value !== currentFile) {
                        oAudio.src = audioURL.value;
                        currentFile = audioURL.value;                       
                       } 

                    // Tests the paused attribute and set state. 
                    if (oAudio.paused) {
                        oAudio.play();
                        btn.textContent = "Pause";
                    }
                    else {
                        oAudio.pause();
                        btn.textContent = "Play";
                    }
                }      
               catch (e) {   
                    // Fail silently but show in F12 developer tools console
                     if(window.console && console.error("Error:" + e)); 
                }  
            }      
        }
             // Rewinds the audio file by 30 seconds.

        function rewindAudio() {
             // Check for audio element support.
            if (window.HTMLAudioElement) {
                try {
                    var oAudio = document.getElementById('myaudio');
                    oAudio.currentTime -= 5.0;
                               }
                catch (e) {
                    // Fail silently but show in F12 developer tools console
                     if(window.console && console.error("Error:" + e));
               }  
            }
        }

             // Fast forwards the audio file by 30 seconds.

        function forwardAudio() {

             // Check for audio element support.
            if (window.HTMLAudioElement) {
                try {
                    var oAudio = document.getElementById('myaudio');
               	    oAudio.currentTime += 5;
                   
                    } 
                catch (e) {
                    // Fail silently but show in F12 developer tools console
                     if(window.console && console.error("Error:" + e));
                }
            }
        }

        // synchronize the audio and flash cards

        function SyncAudio() {

             // Check for audio element support.
            if (window.HTMLAudioElement) {
                try {
                    var oAudio = document.getElementById('myaudio');
               	    oAudio.currentTime = 0;
                    iIdx = 0;
                    } 
                catch (e) {
                    // Fail silently but show in F12 developer tools console
                     if(window.console && console.error("Error:" + e));
                }
            }
        }       




    // Restart the audio file to the beginning.

        function restartAudio() {
             // Check for audio element support.
            if (window.HTMLAudioElement) {
                try {
                    var oAudio = document.getElementById('myaudio');
                    oAudio.currentTime = 0;
                }
                catch (e) {
                    // Fail silently but show in F12 developer tools console
                     if(window.console && console.error("Error:" + e));
               }
            }
        }
            
    </script>


 <body bgcolor="green" onLoad="play3();">
<div style="position:absolute; top:100px; left:100px;"> </div> 

<div id="counter"> </div> 
 
<div style="position:absolute; top:30px; left:1px;"> 
 <img id="imgHolder"/>
</div>  

<!-- <script>  
 slideShow()  
</script></div> -->

  <div style="position:absolute; top:450px; left:1px;"</div>  
<input type="button" value="<- Back" onclick="slideShowb('back')"><input type="button" value="Browse Speed" onclick="chgbrowsespeed('browsespeed')"><input type="button" value="Forward ->" onclick="slideShowf('forward')">  

<input type="button" value="Pause  " onclick="Pause()"><input type="button" value="Change color" onclick="changeColor       ('chgcolor  ')"><input type="button" value="UndoColor" onclick="undoColor()">
   

<!--<div style="position:absolute; top:500px; left:40px;"
<p> <font size=5 color="red"></P>
<p> SPANISH/ENGLISH </P></font> -->

    <p>
      <input type="text" id="audiofile" size="80" value="JapaneseVerbs04.22.17.mp3" />
    </p>
    <audio id="myaudio">
      HTML5 audio not supported
    </audio>
    <button id="play" onclick="playAudio();">
      Play
    </button>
    
    <button onclick="rewindAudio();">
      Rewind
    </button>
   
    <button onclick="forwardAudio();">
      Fast forward
    </button>

    <button onclick="SyncAudio();">
      Sync Audio and Flashcards
    </button>
   
    <button onclick="restartAudio();">
      Restart
    </button> 


 <!--<audio id="audiofile" controls height="10" width="10"> 
  <embed height="10" width="10" src="hiraganaaudiofast.mp3">  
  <source src="hiraganaaudiofast.mp3" type="audio/mpeg"> 
  </audio>-->
<p> <p> あびる  (abiru)  -- くずす (kuzusu) </P>
 <audio id="audiofile" controls height="10" width="10"> 
  <embed height="10" width="10" src="JapaneseVerbsAThroughK.mp3">  
  <source src="JapaneseVerbsAThroughK.mp3" type="audio/mpeg"> 
  </audio> 
<p> まちがえる (machigaeru)  -- ゆるす (yurusu) </P> 
<audio id="audiofile" controls height="10" width="10"> 
  <embed height="10" width="10" src="JapaneseVerbsMThroughY.mp3">  
  <source src="JapaneseVerbsM ThroughY.mp3" type="audio/mpeg"> 
  </audio> 
<audio id="audiofile" controls height="10" width="10"> 
  <embed height="10" width="10" src="geishaJapaneseVerbsMThroughY.mp3">  
  <source src="JapaneseVerbsM ThroughY.mp3" type="audio/mpeg"> 
  </audio> 
<!--<<audio id="audiofile" controls height="10" width="10"> 
  <embed height="10" width="10" src="genkidesuka.wav">  
  <source src="genkidesuka.wav" type="audio/mpeg"> 
  </audio> -->


 </body>



<!-- <audio id="audiofile" controls height="10" width="10"> 
  <embed height="10" width="10" src="Japanese Words Pronunciations.mp3">  
  <source src="japanese Words Pronunciations.mp3" type="audio/mpeg"> -->
  </audio>



 </body>

                   

</HTML>