var pos = 18;
var transition = 0;
var transition2 = 0;
var intervalMS = 50;
var rate = 5;
var out = 0;
var interval;
var interval2;

function openP()
{
  out = 0;
  rate = 5;
  clearInterval(interval);
  transition = true;
  interval = setInterval( "openHelper()", intervalMS );
  document.getElementById('arrow').src = 'images/dropdownarrow.jpg';
}

function openHelper()
{
  if( pos >= 70 )
    rate = 4;
    
  if( pos >= 80 )
    rate = 3;
    
  if( pos >= 90 )
    rate = 2;
    
  if( pos >= 95 )
    rate = 1;

  if( pos >= 102 )
  {
    clearInterval(interval);
    transition = 0;
    pos = 102;
    if( out )
    {
      closeP();
      out = 0;
    }
  }
  else
  {
    pos += rate;  
  }
  
  document.getElementById('headersearch').style.height = pos+'px';
}

function closeP()
{
  rate = 5;
  if( !transition )
  {
    transition = true;
    interval = setInterval( "closeHelper()", intervalMS );
    document.getElementById('arrow').src = 'images/dropdownarrow2.jpg';
  }
  else
    out = 1;
}

function closeHelper()
{
  if( pos <= 22 )
    rate = 1; 
  else if( pos <= 30 )
    rate = 2;
  else if( pos <= 40 )
    rate = 3;
  else if( pos <= 50 )
    rate = 4;

  if( pos <= 20 )
  {
    clearInterval(interval);
    transition = 0;
    pos = 20;
  }
  else
  {
    pos -= rate;  
  }
  
  document.getElementById('headersearch').style.height = pos+'px';
}

function openP2()
{
  out = 0;
  rate = 5;
  clearInterval(interval2);
  transition2 = true;
  interval2 = setInterval( "openHelper2()", intervalMS );
  document.getElementById('arrow2').src = 'images/dropdownarrow.jpg';
}

function openHelper2()
{
  if( pos >= 150 )
    rate = 4;
    
  if( pos >= 170 )
    rate = 3;
    
  if( pos >= 180 )
    rate = 2;
    
  if( pos >= 185 )
    rate = 1;

  if( pos >= 192 )
  {
    clearInterval(interval2);
    transition2 = 0;
    pos = 192;
    if( out )
    {
      closeP2();
      out = 0;
    }
  }
  else
  {
    pos += rate;  
  }
  
}

function closeP2()
{
  if( set2var )
  {
    rate = 5;
    if( !transition2 )
    {
      transition2 = true;
      interval2 = setInterval( "closeHelper2()", intervalMS );
      document.getElementById('arrow2').src = 'images/dropdownarrow2.jpg';
    }
    else
      out = 1;
  }
}

function closeHelper2()
{
  if( pos <= 22 )
    rate = 1; 
  else if( pos <= 30 )
    rate = 2;
  else if( pos <= 40 )
    rate = 3;
  else if( pos <= 50 )
    rate = 4;

  if( pos <= 20 )
  {
    clearInterval(interval2);
    transition2 = 0;
    pos = 20;
  }
  else
  {
    pos -= rate;  
  }
  
}

function set()
{
  document.getElementById('headersearch').style.height = '20px';

  // add the competition form action in
  var compForm = document.getElementById('comp_entry');
  if(compForm)
  {
    compForm.action = "index.php";	
  };
  
}

function set2()
{
  set2var = 1;

  // add the competition form action in
  var compForm = document.getElementById('comp_entry');
  if(compForm)
  {
    compForm.action = "index.php";	
  };
}