var gPos = 0;
var gAllPan = new Array('infosPan','competencesPan','viverisPan', 'viveris1Pan', 'viveris2Pan', 'viveris3Pan', 'viveris4Pan', 'viveris5Pan', 'viveris6Pan','eileoPan','eileo1Pan', 'eileo2Pan', 'eileo3Pan', 'renseignPan'); 
var gAllLink = new Array('infosLink','competencesLink','viverisLink', 'viveris1Link', 'viveris2Link', 'viveris3Link', 'viveris4Link', 'viveris5Link', 'viveris6Link','eileoLink','eileo1Link', 'eileo2Link', 'eileo3Link', 'renseignLink'); 

var activeLink = "#d6dbee";
var unActiveLink = "transparent";

function initDiv ()
{
	showDiv("infosPan");
}

function hideAll(){
  hideDiv(gAllPan);
}
function showDiv(){
  var Arg = arguments;
  var Obj;
  hideAll();
  for( var i=0; i< Arg.length; i++){
    Obj = document.getElementById( Arg[i]);
    if( Obj){
		Obj.style.display = "block";
    }
  }
  for (var i=0; i < gAllPan.length; ++i)
  {
	if (Arg[0] == gAllPan[i])
	{
		gPos = i;
		break;
	}
  }
  var Obj2 = document.getElementById(gAllLink[gPos]);
  Obj2.style.backgroundColor  = activeLink;
}
function hideDiv(){
  var Arg = arguments;
  var Obj;
  for( var i=0; i< gAllPan.length; i++){
	Obj = document.getElementById( gAllPan[i]);
    if( Obj){
		Obj.style.display = "none";
    }
	Obj = document.getElementById( gAllLink[i]);
    if( Obj){
		Obj.style.backgroundColor = unActiveLink;
    }
  }
}

function showNext ()
{
	gPos++;
	if (gPos >= gAllPan.length)
	{
		gPos = gAllPan.length - 1;
	}
	showDiv (gAllPan[gPos]);
}

function showPrev ()
{
	gPos--;
	if (gPos < 0)
	{
		gPos = 0;
	}
	showDiv (gAllPan[gPos]);
}