var text = false;
var cur_obj = false;
var started = false;
var current = 0;
var cur_step = 1;
var to = 50;
var cur_center = 0;

function show(obj){
   started = true;
   id = obj.id + obj.id;
   cur_obj = document.getElementById(id);
   if (cur_obj.className == 'ghost'){
      current = 0;
      to = cur_obj.offsetHeight + 3;
      cur_center = to/2;

      text = cur_obj.innerHTML;
      cur_obj.innerHTML = "";
      cur_obj.className = "menu_center";
      shower();
   }else{
      to = 0;
      current = cur_obj.offsetHeight;
      cur_center = cur_obj.offsetHeight/2;

      text = cur_obj.innerHTML;
      cur_obj.innerHTML = "";
      hider();
   }
   return false;
}

function shower(){
   if (started && current < to){
      cur_obj.style.height=current+"px";
      current += cur_step;
      if (current < cur_center){
         cur_step += 2;
      }else if(cur_step > 3){
         cur_step -= 2;
      }
      window.setTimeout(function(){shower()}, 30)
   }else{
      endshower();
   }
}

function hider(){
   if (started && current > to){
      cur_obj.style.height=current+"px";
      current -= cur_step;
      if (current > cur_center){
         cur_step += 2;
      }else if(cur_step > 3){
         cur_step -= 2;
      }
      window.setTimeout(function(){hider()}, 30)
   }else{
      endhider();
   }
}

function endshower(){
   cur_obj.innerHTML = text;
   cur_obj.style.height = "auto";
   text = false;
   started = false;
}

function endhider(){
   cur_obj.className = "ghost";
   cur_obj.style.height = "auto";
   cur_obj.innerHTML = text;
   text=false;
   started = false;
}