//test

var an_page = 1;
var an_timer = false;
function sel_anim(id)
{
  if(an_page != id)
  {
    if(an_timer) clearTimeout(an_timer);
    
    // hide current page & show next
    $('#an' + an_page).fadeOut(150,
      function()
      {
        $('#an' + id).fadeIn(150);
      }
    );
    
    // change class
    
    $('#anu' + an_page).attr('class', 'anim-button0');
    $('#anu' + id).attr('class', 'anim-button-active');
    
    an_page = id;
    
    an_timer = setTimeout('sel_anim(' + (id == 5 ? 1 : id+1) + ')', 1000000);
  }
}


//--------------------------------------------------
// frontpage animation
//--------------------------------------------------





var anim_page = 1;
var anim_timer = false;

function select_anim(id)
{
  if(anim_page != id)
  {
    if(anim_timer) clearTimeout(anim_timer);
    
    // hide current page & show next
    $('#animation' + anim_page).fadeOut(150,
      function()
      {
        $('#animation' + id).fadeIn(150);
      }
    );
    
    // change class
    
    $('#anim' + anim_page).attr('class', 'anim-button');
    $('#anim' + id).attr('class', 'anim-button-active');
    
    anim_page = id;
    
    anim_timer = setTimeout('select_anim(' + (id == 5 ? 1 : id+1) + ')', 4000);
  }
}

//--------------------------------------------------
// ready to go!
//--------------------------------------------------

$(document).ready(
  function()
  {

    anim_timer = setTimeout('select_anim(2)', 4000);
  }
);