var box = new Array('s1-hidden','s2-hidden','s3-hidden')
var varHt = new Array();
var Ht = new Array();
var x = new Array();
var y = 10;
var z = 15;
var showing;
var hiding;

function showDidascalia()
  {
  if (document.getElementById("counter-didascalia"))
    document.getElementById("counter-didascalia").style.visibility = 'visible';
  }

function hideDidascalia()
  {
  if (document.getElementById("counter-didascalia"))
    document.getElementById("counter-didascalia").style.visibility = 'hidden';
  }


// in esubero
function toggle(id) {
  if (x[id] === 0) {
    show(id);
  } else {
    hide(id);
  }
}

function show(id) {
  if (x[id] == 1)
    return;

  if ( id == undefined )
    {
    id = showing;
    }
  else
    {
    if ( showing != undefined)
      hide(showing);
    showing = id;
    }

  document.getElementById(id).style.display = 'block';
  document.getElementById(id).style.height = varHt[id] + 'px';
  if (((Ht[id]-varHt[id]) < z) && (varHt[id] !== Ht[id])) {
    varHt[id] = Ht[id];
  } else {
    varHt[id] = varHt[id] + z;
  }
  if (varHt[id] <= Ht[id]) {
    setTimeout('show()', y);
  }
  if (varHt[id] > Ht[id]) {
    varHt[id] = Ht[id];
    x[id] = 1;
  }
}

function hide(id) {
  if (x[id] == 0)
    return;

  if ( id == undefined )
    id = hiding;
  else
    hiding = id;

  document.getElementById(id).style.height = varHt[id]+'px';
  varHt[id] = varHt[id]-z;
  if ((Ht[id]-varHt[id]) <= Ht[id]) {
    setTimeout('hide()', y);
  }
  if ((Ht[id]-varHt[id]) > Ht[id]) {
    varHt[id] = 0;
    document.getElementById(id).style.height = '1px';
    x[id] = 0;
  }
}

function InitShowHide() {
  for(i=0;i<box.length;i++) {
    if (document.getElementById(box[i])) {
    varHt[box[i]] = 0;
    x[box[i]] = 0;
    Ht[box[i]] = document.getElementById(box[i]).offsetHeight;
    document.getElementById(box[i]).style.overflow= 'hidden';
    document.getElementById(box[i]).style.heigth = '1px';
    document.getElementById(box[i]).style.display = 'none';
    }
  }
}