// JavaScript Document

/*Funkce pro nastavení výšky iframu tak, aby byla vyplněna celá stránka*/
  var doc_height = document.body.scrollHeight;
  function nastav_okno() {
  document.getElementById("okno").height=(vyska_okna() - 90);
  /* Číslo 90 je výška hlavičky */
  }
  function vyska_okna() {
  if (window.innerHeight)
      /* NN4, Mozilla, Opera a kompatibilní prohlížeče */
      return window.innerHeight;
   else if
   (document.documentElement &&
   document.documentElement.clientHeight)
      /* MSIE6 v std. režimu */
      return document.documentElement.clientHeight;
   else if
   (document.body && document.body.clientHeight)
      /* starší MSIE + MSIE6 v quirk režimu */
      return document.body.clientHeight;
   else
      return null;
  }

// Hodiny - Clock

function alefbet(i){
  var ab = new Array();
  ab[0] = 'ט';
  ab[1] = 'ח';
  ab[2] = 'ז';
  ab[3] = 'ו';
  ab[4] = 'ה';
  ab[5] = 'ד';
  ab[6] = 'ג';
  ab[7] = 'ב';
  ab[8] = 'א';
  ab[9] = 'יב';
  ab[10] = 'יא';
  ab[11] = 'י';  
  return ab[i];  
  }
  
  function clockLeft() {
    // Odkaz na canvas
  var elem = document.getElementById('myClockLeft');

    /* Vždy kontrolujte dostupnost vlastností a metod, to aby skript skript v nějakém prohlížeči "nehavaroval".*/
    if (!elem || !elem.getContext) {
    return;
  }

    /* získáme 2d context. Zapamatujte si: pro jednu značku canvas můžete   inicializovat jen 1 context. */
        var context = elem.getContext('2d');
        if (!context) {
         return;
        }
                
        var velikostHod = 60;  // nastavení velikosti hodin (poloviny)
        var stredHodX = velikostHod + velikostHod/10;
        var stredHodY = velikostHod + velikostHod/10;
        document.getElementById('myClockLeft').height = 2 * velikostHod + 1/5 * velikostHod;
        document.getElementById('myClockLeft').width = 2 * velikostHod + 1/5 * velikostHod;
        var prohlizec = (context.font) ? true : false;
        var stroke1 = '#E8EDF5';
        var fill1 = '#144EAC';
        var stroke2 = '#144EAC';
        var fill2 = '#E8EDF5';
               
        /* Základní pozadí
        context.strokeStyle   = '#CCE2FC';
        context.fillStyle     = '#CCE2FC';
        context.lineWidth   = velikostHod;
        context.beginPath();
        context.moveTo(stredHodX, stredHodY);
        for (x = 0; x < 2 * Math.PI; x += 0.01) {
        context.lineTo(stredHodX + (velikostHod * Math.cos(x)), stredHodY + (velikostHod * Math.sin(x)));
        }
        context.stroke();
        context.fill();
        context.closePath(); */       
        
        /* Styly pro jednotlive prohlizece */
        if (prohlizec) {
        context.strokeStyle   = stroke1;
        context.fillStyle   = fill1;
        context.shadowOffsetX = 2;
        context.shadowOffsetY = 2;
        context.shadowBlur    = 5;
        context.shadowColor   = '#000';
        }
        else {
        context.strokeStyle   = stroke2;
        context.fillStyle   = fill2;
        }
        
        /* Číslice*/ 
        var today = new Date();
        var h = today.getHours();
        if (prohlizec) {
        var dalsiPismeno = 0;
        context.fillStyle    = stroke1;
        context.font         = 'bold 24px Times New Romans';
        context.textBaseline = 'middle';
        for (x = 0; x < 2 * Math.PI; x += 1/6*Math.PI) {
        context.fillText(alefbet(dalsiPismeno), (stredHodX - 6) + ((velikostHod - 1/10 * velikostHod) * Math.cos(x)), stredHodY + ((velikostHod - 1/10 * velikostHod) * Math.sin(x)));
        dalsiPismeno++;
          }
        }
        /* Cary ukazujici hodinu */
        else {
        context.lineWidth   = (velikostHod - 2/5 * velikostHod) / 20; // = 3
        context.beginPath();
        for (x = 0; x < 2 * Math.PI; x += 1/6*Math.PI) {
        context.moveTo(stredHodX + 4/5 * (velikostHod * Math.cos(x)), stredHodY + 4/5 *(velikostHod * Math.sin(x)));
        context.lineTo(stredHodX + (velikostHod * Math.cos(x)), stredHodY + (velikostHod * Math.sin(x)));
        }
        context.stroke();
        context.fill();
        context.closePath(); 
        }
        
        /* Ručičky */
        var m = today.getMinutes();
        var s = today.getSeconds();
        h = Math.abs(h - 23);
        m = Math.abs(m - 60);
        s = Math.abs(s - 60); //58 - 60 = - 2
        var lineCap = ['butt','round','square'];
        //var lineJoin = ['round','bevel','miter'];
        if (prohlizec) {
        context.strokeStyle   = stroke1;
        context.fillStyle   = fill1;
        }
        else {
        context.strokeStyle   = stroke2;
        context.fillStyle   = fill2;
        }
        context.lineWidth   = velikostHod/10;
        context.lineCap = lineCap[1]; // = round (kulatý konec čáry)
        //context.lineJoin = lineJoin[2];             
        context.beginPath();
        context.moveTo(stredHodX, stredHodY);
        context.lineTo(stredHodX + ((2/3 * velikostHod) * Math.cos(h/6*Math.PI + (m/30*Math.PI)/12 - 1/2*Math.PI)), stredHodY + ((2/3 * velikostHod) * Math.sin(h/6*Math.PI + (m/30*Math.PI)/12 - 1/2*Math.PI)));
        context.stroke();
        context.fill();
        context.closePath();
      
        context.lineWidth   = velikostHod/20;        
        context.beginPath();
        context.moveTo(stredHodX, stredHodY);
        context.lineTo(stredHodX + (velikostHod * Math.cos(m/30*Math.PI - 1/2*Math.PI)), stredHodY + (velikostHod * Math.sin(m/30*Math.PI - 1/2*Math.PI)));
        context.stroke();
        context.closePath();
        
        context.lineWidth   = velikostHod/50;        
        context.beginPath();
        context.moveTo(stredHodX, stredHodY);
        context.lineTo(stredHodX + (velikostHod * Math.cos(s/30*Math.PI - 1/2*Math.PI)), stredHodY + (velikostHod * Math.sin(s/30*Math.PI - 1/2*Math.PI)));
        context.stroke();
        context.closePath();  
        
        var bodOkraj = (velikostHod - 2/5 * velikostHod) / 20;
        var bodVnitrek = velikostHod / 10 - bodOkraj;
        context.lineWidth   = bodOkraj;
        context.beginPath();
        context.moveTo(stredHodX, stredHodY);
        for (x = 0; x < 2 * Math.PI; x += 0.01) {
        context.lineTo(stredHodX + (bodVnitrek * Math.cos(x)), stredHodY + (bodVnitrek * Math.sin(x)));
        }
        context.stroke();
        context.fill();
        context.closePath();
               
        setTimeout('clockLeft()',333); //refresh každé 1/3 vteřiny
        }