function makeImg(cislo, bila) {
  if(bila == 1) {
    return '<img src="./styles/design/num'+cislo+'.png" alt="'+cislo+'" />';    
  }
  else {
    return '<img src="./styles/design/num'+cislo+'_b.png" alt="'+cislo+'" />';
  }
}

function makeDigit(cislo, bila) {  
  var digit = cislo.toString();

  if(digit.length == 3) {
    return makeImg(digit.substring(0,1), bila)+makeImg(digit.substring(1,2), bila)+makeImg(digit.substring(2,3), bila);
  }
  if(digit.length == 2) {
    return makeImg(digit.substring(0,1), bila)+makeImg(digit.substring(1,2), bila);
  }
  if(digit.length == 1) {
    return makeImg(digit.substring(0,1), bila);
  }
}

function toStDny(n){
  var s='';
  if(n<10){s += '00';}
  if((n<100)&&(n>10)){s += '0';}
  return s+n.toString();
}

function toSt(n){
  var s='';
  if(n<10){s+='0';}
  return s+n.toString();
}
function odpocet(kde){
  var co=document.getElementById(kde).getAttribute('datetime');
  var kdy=new Date(co);
  var ted=new Date();
  var jedu=Math.floor((kdy.getTime()-ted.getTime())/1000);
  var den,hodin,minut,sekund;
  if(jedu<=0){
    //document.getElementById(kde).innerHTML='je to tu';
    return;
  }
  var sec=toSt(jedu%60);
  jedu=Math.floor(jedu/60);
  var min=toSt(jedu%60);
  jedu=Math.floor(jedu/60);
  var hod=toSt(jedu%24);
  jedu=Math.floor(jedu/24);
  var dnu=toStDny(jedu);

  
  var tmpx= '<div id="numbers"><div class="days">'+makeDigit(dnu, 1)+'</div><div class="hours">'+makeDigit(hod, 1)+'</div><div class="minutes">'+makeDigit(min, 1)+'</div><div class="seconds">'+makeDigit(sec, 0)+'</div></div>';
  
  document.getElementById(kde).innerHTML=tmpx;
  setTimeout("odpocet('"+kde+"')", 500);   
}
function init(){
  odpocet('jedna');
  //odpocet('dva');
}
window.onload=init;