var nArticles = 0;
var cArticle = 0;
var cFadeIn = 1500;
var cInterval = 10000;
var cTimer;

function cStop()
{
  if(cTimer)
    clearTimeout(cTimer);
}

function cStart()
{
  if(nArticles>1)
    cTimer = setTimeout("cNextArticle()",cInterval);
}

function cInit(id,total)
{
  nArticles = total;
  if(nArticles!=0)
  {
    cArticle = id;
    $('#article' + cArticle).fadeIn(0);
    $('#article' + cArticle).removeClass('hidden');
    $('#header' + cArticle).addClass('selected');
    cSetSelector(cArticle);
    cStart();
  }
}

function cNextArticle()
{
  cStop();
  $('#article' + cArticle).hide();
  $('#header' + cArticle).removeClass('selected');
  cArticle++;
  if(cArticle>nArticles)
    cArticle = 1;
  $('#article' + cArticle).effect('slide',{},cFadeIn);
  $('#article' + cArticle).removeClass('hidden');
  $('#header' + cArticle).addClass('selected');
  cSetSelector(cArticle);
  cStart();
}

function cThisArticle(id)
{
  if(cArticle!=id)
  {
    $('#article' + cArticle).hide();
    $('#header' + cArticle).removeClass('selected');
    cArticle = id;
    $('#article' + id).fadeIn(cFadeIn);
    $('#article' + id).removeClass('hidden');
    $('#header' + id).addClass('selected');
    cSetSelector(id);
  }
}

function cSetSelector(id)
{
  var posLeft = $('#header1').offset().left - $('.menu').offset().left - 5;
  var posElemCenter = ($('#header' + id).width() / 2);
  var leftMargin = posLeft;

  for(var i=1;i<id;i++)
  {
    leftMargin += $('#header' + i).width();
    leftMargin += 40;
  }

  $('#carrousel .selector').css({'left':leftMargin+posElemCenter});
}