var line_left;
var line_top;
var line_bottom;
var line_right;
var border_state;
var border_time=55;

function border_step()
{
  if(border_state<=10)
  {
    line_top.style.width=''+(border_state*65)+'px';
    line_right.style.height=''+(Math.floor(border_state*41.3))+'px';
  }
  
  if(border_state==11)
  {
    line_left.style.height='10px';
    line_left.style.visibility='visible';
    line_bottom.style.width='64px';
  }
  
  if(border_state==12)
  {
    line_left.style.height='20px';
    line_bottom.style.width='128px';
  }
  
  if(border_state>13)
    line_bottom.style.width=''+((border_state-11)*64)+'px';
  
  if(++border_state>21)
    return;
  else
    setTimeout('border_step()', border_time);
}

function border_animation()
{
  line_left         =document.getElementById('border_left_top');
  line_top          =document.getElementById('border_top');
  line_bottom       =document.getElementById('border_bottom');
  line_right        =document.getElementById('border_right');
  
  border_state=1;
  
  line_left.style.height='0px';
  line_left.style.visibility='hidden';
  line_right.style.height='0px';
  line_top.style.width='0px';
  line_bottom.style.width='0px';
  
  setTimeout('border_step()', border_time);
}