//--------------- TAB MENU
var lastTab;
var tabsNum = 0;
var info = new Array();
var res = new Array();
var buttonNext   = 'imgs/b_next.gif';
var buttonScores = 'imgs/b_scores.gif';
function showScores(){
  clearTab();
  addTab(' ',' ');
  var data = duration+'s,'+info.join(',')+'.'+res.join(",");
  sendForm('tabs');
}
function chTab(id){
 if (id <= 0 || id > tabsNum+1) return 0;
 if (id > tabsNum ) {
   countSec = 0;
   grayOut('bBack');
   grayOut('bNext');
   setTimeout("showScores()",200);
   return 0;
 }
 if (id == 2 && $('eml') && $('eml').value && $('eml').value.length > 3) {
   sendEMail($('eml').value);
 }
 if (lastTab){
   var div = $('tab'+lastTab);
   if(div){
     div.style.display = "none";
     div.style.visibility = "hidden";
   }
 }
 var div = $('tab'+id);
 var menu = $('tabC');
 if(div && menu){
   lastTab = id;
   div.style.display = "block";
   div.style.visibility = "visible";
   menu.innerHTML = id+'/'+tabsNum;
   if ($('bBack')){
     if (id > 1) {
       fadeIn('bBack');
       $('bBack').className='hand';
     } else {
       grayOut('bBack');
       $('bBack').className='';
     }
   }
   if ($('bNext')){
     if (id < tabsNum) {
       if ($('bNext').src != buttonNext) $('bNext').src = buttonNext;
     } else {
       $('bNext').src = buttonScores;
     }
     if (res[id-1]) {
       fadeIn('bNext');
       $('bNext').className='hand';
       $('bNext').onclick=function() { chTab(lastTab+1); }
     } else {
       grayOut('bNext');
       $('bNext').className='';
       $('bNext').onclick="";
     }
   }
 }
}
function clearTab(){
  tabsNum = 0;
  lastTab = undefined;
  var div = $('tabsIn');
  if (div){
    div.innerHTML = '';
  }
  var div = $('tabmenu');
  if (div){
    div.innerHTML = '';
  }
  var div = $('tabs');
  if (div){
    div.style.display = "none";
  }
  var div = $('tabsF');
  if (div){
    div.style.display = "none";
  }}
function addTab(HTML,menuHTML){
  var ifFirst;
  tabsNum++;
  var div = $('tabsIn');
  if (div){
    if(tabsNum == 1) {
      ifFirst = ' style="display:block;visibility:visible"';
      lastTab = 1;
    } else ifFirst='';
    div.innerHTML += '<div class="tab" id="tab'+tabsNum+'"'+ifFirst+'>'+HTML+'</div>';
  }
  var div = $('tabmenu');
  if (div){ div.innerHTML = menuHTML; }
  if (tabsNum == 1){
    var div = $('tabs');
    if (div){
      div.style.display = "";
    }
  }
}
function addQTab(qID,qTxt,a1ID,a1Txt,a2ID,a2Txt,last){
  qTxt = qTxt.replace(/_lt_/g,'<').replace(/_gt_/g,'>');
  a1Txt = a1Txt.replace(/_lt_/g,'<').replace(/_gt_/g,'>');
  a2Txt = a2Txt.replace(/_lt_/g,'<').replace(/_gt_/g,'>');
  var ifFirst;
  var tabsNext = tabsNum + 2;
  var divID = 'a'+qID+'_'+a1ID;
  var radio = '<input onclick="clk(this.id)" type="radio" name="a'+qID+'" id="'+divID;
  var HTML =
  '<table class="ans">'+
  '<tr><td class="ansQ">'+qTxt+':</td><td colspan="2"> </td></tr><tr>'+
  '<td rowspan="2"><div class="ansA">'+a1Txt+'</div></td>'+
  '<td class="ansBreak"> </td>'+
  '<td class="ansCh">'+
  radio+'1"><b class="nb" id="b'+divID+'1" onclick="clk(\''+divID+'1\',1)">zdecydowanie A</b><br>'+
  radio+'2"><b class="nb" id="b'+divID+'2" onclick="clk(\''+divID+'2\',1)">prawdopodobnie A</b></td></tr>'+
  '<tr>'+
  '<td class="ansBreak"> </td>'+
  '<td class="ansCh">'+
  radio+'3"><b class="nb" id="b'+divID+'3" onclick="clk(\''+divID+'3\',1)">nie wiem</b></td></tr>'+
  '<tr>'+
  '<td><div class="ansB">'+a2Txt+'</div></td>'+
  '<td class="ansBreak"> </td>'+
  '<td class="ansCh">'+
  radio+'4"><b class="nb" id="b'+divID+'4" onclick="clk(\''+divID+'4\',1)">prawdopodobnie B</b><br>'+
  radio+'5"><b class="nb" id="b'+divID+'5" onclick="clk(\''+divID+'5\',1)">zdecydowanie B</b>'+
  '</td></tr>'+
  '</table>';
  
  res.push(0);
  tabsNum++;
  var div = $('tabsIn');
  if (div){
    if(tabsNum == 1) {
      ifFirst = ' style="display:block;visibility:visible"';
      lastTab = 1;
    } else ifFirst='';
    div.innerHTML += '<div class="tab" id="tab'+tabsNum+'"'+ifFirst+'>'+HTML+'</div>';
  }
  var div = $('tabmenu');
  if (last && div){
    div.innerHTML = 
    '<table style="width:100%">'+
    '<tr><td colspan="3" class="ansVBR"> </td></tr>'+
    '<tr><td class="ansBottom"><img onclick="chTab(lastTab-1)" id="bBack" src="imgs/b_back.gif" alt="wstecz"></td>'+
        '<td class="ansBottom" id="tabC" style="text-align:center;color:#777">1/'+tabsNum+
        '</td><td class="ansBottom" style="text-align:right"><img id="bNext" class="hand" src="imgs/b_next.gif" alt="dalej"></td></tr>'+
    '</table>';
  }
  if (tabsNum == 1){
    var div = $('tabs');
    if (div){
      div.style.display = "";
    }
  }
}