/*  var downH = 190; */
  var upH = 240;
  var downH = 360;
  /* down div, top value */
  var topH = 353;
  var contentH = 0;
  var leftW = 0;
  var leftH = 0;
  var rightW = 0;
  var rightH = 0;
  
  var buttonPressed = -1;
  var direction = 0;

/**
 * Função que inicia a animação da página inicial
 * @param i o numero do butão que chamou a função
 */
function initchange(i) {
  buttonPressed = i;
  shake();
}
  
/**
 *  Função que faz uma curta animação do menu para baixo e depois
 *  volta ao estado normal, so depois é chamada a animação principal
 *  Variavéis globais utilizadas: upH, downH, direction
 */
function shake() {
  document.getElementById('up').style.height = upH + 'px';
  document.getElementById('down').style.top = topH + 'px';
  if (upH < 320 && direction == 0) {
    upH += 5;
    topH += 5;
    setTimeout("shake();", 10);
  } else {
    direction = 1;
    if (upH > 240) {
      upH -= 10;
      topH -= 10;
      setTimeout("shake();", 10);
    } else {
      document.getElementById('left').style.display = "block";
      document.getElementById('right').style.display = "block";
      moveUp();
    }
  }
}

/**
 * Função que altera os tamanhos das div's na vertical
 * parte em que o menu sobe...
 * Variavéis globais utilizadas: upH, downH, contentH, leftH, rightH
 */
function moveUp() {
  document.getElementById('up').style.height = upH + 'px';
  document.getElementById('down').style.top = downH + 'px';
  document.getElementById('content').style.height = contentH + 'px';
  document.getElementById('left').style.height = leftH + 'px';
  document.getElementById('right').style.height = rightH + 'px';
  if (upH > 50) {
    upH -= 10;
    downH += 8;
    contentH += 18;
    leftH += 18;
    rightH += 18;
    setTimeout("moveUp();", 10);
  } else {
    resizeContent();
  }
}

/**
 * Função que redimensiona as div's left e right na horizontal
 * Variavéis globais utilizadas: leftW, rightW
 */
function resizeContent() {
  document.getElementById('left').style.width = leftW + 'px';
  document.getElementById('right').style.width = rightW + 'px';
  if (rightW < 470) {
    rightW += 10;
    leftW += 4;
    setTimeout("resizeContent();", 10);
  } else {
    setTimeout("preswitchTo();", 100);
  }
}

/**
 * Função que muda de página em função do botão que foi carregado
 * Variavéis globais utilizadas: buttonPressed
 */
function preswitchTo() {
  switchTo(buttonPressed);
}
/* acaba animação da página inicial */