  <!-- <![CDATA[
  var ActOpacity = 100; // základní průhlednost - obrázek neprůhledný (viditelný)
  var NewOpacity = 0;   // základní průhlednost - obrázek průhledný (neviditelný)
  var ImgOpacity;       // pomocná proměnná pro objekt obrázku
  var ImgOpacityNew;    // pomocná proměnná pro objekt obrázku
  var timerID = null
  var timerRunning = false
  function NahodneVracenyImage(puvodniImage){
    //alert (puvodniImage);
    var a = "";
    var obrazky = new Array('pismeno_2', 'pismeno_4', 'pismeno_6', 'pismeno_8', 'pismeno_3', 'pismeno_5', 'pismeno_7', 'pismeno_9');
    a = Math.floor(Math.random()*obrazky.length);
    return obrazky[a];
  }
  function SkryjOstatni (neskryvej){
    for(k=1;k<10;k++){
      var nazev_pismene = 'pismeno_' + k; 
      if(nazev_pismene == neskryvej){
        // neskryvej tohle pismeno 
      }else{
        // skryj tohle pismeno
        document.getElementById(nazev_pismene).style.display = 'none';
      }
    }
  }
  function NextOpacity(objImage){
    if(timerRunning){
      clearTimeout(timerID);
    }
    timerRunning = false;
    //alert(objImage);
    if(objImage == 'pismeno_8'){
      if (document.getElementById('pismeno_7').style.opacity != null){ // průhlednost pro ne-IE prohlížeče
        ActOpacity = ActOpacity-20; 
        document.getElementById('pismeno_7').style.opacity = (ActOpacity/100);
      }else if (document.getElementById('pismeno_7').style.filter != null){  // průhlednost pro IE
        ActOpacity = ActOpacity-20; 
        document.getElementById('pismeno_7').style.filter = "alpha(opacity="+ActOpacity+")";
      }
      if (ActOpacity > 0){
        ImgOpacityNew = objImage;
        timerID = setTimeout('NextOpacity(ImgOpacityNew)',15); // konstantou je možné ovlivnit rychlost objevení obrázku
        timerRunning = true;
      }else{
        document.getElementById('pismeno_7').style.display = 'none'; 
        timerID = setTimeout('NextOpacity(\'pismeno_2\')',2000); // konstantou je možné ovlivnit rychlost objevení obrázku
        //timerID = setTimeout('NextOpacity(\'pismeno_2\')',15); // konstantou je možné ovlivnit rychlost objevení obrázku
        timerRunning = true;
        ;
      }
    }else if(objImage == 'pismeno_x'){
      if (document.getElementById('pismeno_9').style.opacity != null){ // průhlednost pro ne-IE prohlížeče
//        ActOpacity = ActOpacity-2; // konstantou je možné ovlivnit v kolika stupních se obrázek objeví
        ActOpacity = ActOpacity-20; // konstantou je možné ovlivnit v kolika stupních se obrázek objeví
        document.getElementById('pismeno_9').style.opacity = (ActOpacity/100);
      }else if (document.getElementById('pismeno_9').style.filter != null){  // průhlednost pro IE
//        ActOpacity = ActOpacity-2; // konstantou je možné ovlivnit v kolika stupních se obrázek objeví
        ActOpacity = ActOpacity-20; // konstantou je možné ovlivnit v kolika stupních se obrázek objeví
        document.getElementById('pismeno_9').style.filter = "alpha(opacity="+ActOpacity+")";
      }
      if (ActOpacity > 0){
        ImgOpacityNew = objImage;
        timerID = setTimeout('NextOpacity(ImgOpacityNew)',15); // konstantou je možné ovlivnit rychlost objevení obrázku
        timerRunning = true;
      }else{
        document.getElementById('pismeno_9').style.display = 'none'; 
        timerID = setTimeout('NextOpacity(\'pismeno_2\')',3000); // konstantou je možné ovlivnit rychlost objevení obrázku
        //timerID = setTimeout('NextOpacity(\'pismeno_2\')',15); // konstantou je možné ovlivnit rychlost objevení obrázku
        timerRunning = true;
        ;
      }
    }else{
      document.getElementById(objImage).style.display = 'block';
      if (document.getElementById(objImage).style.opacity != null){ // průhlednost pro ne-IE prohlížeče
        if(objImage == 'pismeno_2'){
          NewOpacity = NewOpacity+20; 
        }else if(objImage == 'pismeno_3'){
          NewOpacity = NewOpacity+8; 
        }else if(objImage == 'pismeno_4'){
          NewOpacity = NewOpacity+10; 
        }else if(objImage == 'pismeno_5'){
          NewOpacity = NewOpacity+30; 
        }else if(objImage == 'pismeno_6'){
          NewOpacity = NewOpacity+15; 
        }else if(objImage == 'pismeno_7'){
          NewOpacity = NewOpacity+22; 
        }else if(objImage == 'pismeno_8'){
          NewOpacity = NewOpacity+25; 
        }else if(objImage == 'pismeno_9'){
          NewOpacity = NewOpacity+17; 
        }else{
          NewOpacity = NewOpacity+33; 
        } 
        document.getElementById(objImage).style.opacity = (NewOpacity/100);
        //alert(objImage + ' ==== ' + document.getElementById(objImage).style.opacity);
      }else if (document.getElementById(objImage).style.filter != null){  // průhlednost pro IE
//          alert(objImage + ' - ' + NewOpacity);
        if(objImage == 'pismeno_2'){
          NewOpacity = NewOpacity+20; 
        }else if(objImage == 'pismeno_3'){
          NewOpacity = NewOpacity+8; 
        }else if(objImage == 'pismeno_4'){
          NewOpacity = NewOpacity+10; 
        }else if(objImage == 'pismeno_5'){
          NewOpacity = NewOpacity+30; 
        }else if(objImage == 'pismeno_6'){
          NewOpacity = NewOpacity+15; 
        }else if(objImage == 'pismeno_7'){
          NewOpacity = NewOpacity+22; 
        }else if(objImage == 'pismeno_8'){
          NewOpacity = NewOpacity+25; 
        }else if(objImage == 'pismeno_9'){
          NewOpacity = NewOpacity+17; 
        }else{
          NewOpacity = NewOpacity+33; 
        } 
        document.getElementById(objImage).style.filter = "alpha(opacity="+NewOpacity+")";
      }
      if (NewOpacity <= 100){
        ImgOpacityNew = objImage;
          timerRunning = true;
          timerID = setTimeout('NextOpacity(ImgOpacityNew)',1); // konstantou je možné ovlivnit rychlost objevení obrázku
      }else{
          // Poznamky
          if(objImage == 'pismeno_1'){
            objImage = 'pismeno_2'; 
            objImage = NahodneVracenyImage(objImage);
            SkryjOstatni (objImage);
          }else if(objImage == 'pismeno_2'){
            objImage = 'pismeno_3'; 
            objImage = NahodneVracenyImage(objImage);
            SkryjOstatni (objImage);
          }else if(objImage == 'pismeno_3'){ 
            objImage = 'pismeno_4'; 
            objImage = NahodneVracenyImage(objImage);
            SkryjOstatni (objImage);
          }else if(objImage == 'pismeno_4'){ 
            objImage = 'pismeno_5'; 
            objImage = NahodneVracenyImage(objImage);
            SkryjOstatni (objImage);
          }else if(objImage == 'pismeno_5'){ 
            objImage = 'pismeno_6';
            objImage = NahodneVracenyImage(objImage);
            SkryjOstatni (objImage);
          }else if(objImage == 'pismeno_6'){ 
            objImage = 'pismeno_7';
            objImage = NahodneVracenyImage(objImage);
            SkryjOstatni (objImage);
          }else if(objImage == 'pismeno_7'){ 
            objImage = 'pismeno_8';
            objImage = NahodneVracenyImage(objImage);
            SkryjOstatni (objImage);
          }else if(objImage == 'pismeno_8'){ 
            objImage = 'pismeno_9';
            objImage = NahodneVracenyImage(objImage);
            SkryjOstatni (objImage);
          }else if(objImage == 'pismeno_9'){ 
            objImage = 'pismeno_x'; 
            // spusť prolnutí dalšího obrázku ---------------------------------
            NewOpacity = 0;
            ActOpacity = 100;
            document.getElementById(objImage).style.display = 'none';
            document.getElementById('pismeno_x').style.display = 'block'; 
            ImgOpacityNew = objImage;
            timerID = setTimeout('NextOpacity(\'pismeno_x\')',5000); // konstantou je možné ovlivnit rychlost objevení obrázku
//            timerID = setTimeout('NextOpacity(\'pismeno_x\')',15); // konstantou je možné ovlivnit rychlost objevení obrázku
            timerRunning = true;
          }
//    alert ('obj image = ' + objImage);
          // spusť prolnutí dalšího obrázku -----------------------------------
          NewOpacity = 0;
          document.getElementById(objImage).style.display = 'block';
          ImgOpacityNew = objImage;
          NextOpacity(ImgOpacityNew);
      }
    }
  }
  //]]> -->

