
function fcinq() {
	document.getElementById('myid').value = 1;
}

function PageUp() {
	var current = document.getElementById('reportA').innerHTML;
	if (current==1)
	{
		document.getElementById('un').className = '';
		document.getElementById('trois').className = '';
		document.getElementById('quatre').className = '';
		document.getElementById('cinq').className = '';
		document.getElementById('six').className = '';
		document.getElementById('sept').className = '';
		document.getElementById('huit').className = '';
		document.getElementById('deux').className = 'selected';

		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('15').style.display="block";
		document.getElementById('myid').value = '15';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

	}  else if (current==8 || current==5 || current==11)
	{
		document.getElementById('deux').className = '';
		document.getElementById('un').className = '';
		document.getElementById('quatre').className = '';
		document.getElementById('cinq').className = '';
		document.getElementById('six').className = '';
		document.getElementById('sept').className = '';
		document.getElementById('huit').className = '';
		document.getElementById('trois').className = 'selected';

		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('29').style.display="block";
		document.getElementById('myid').value = '29';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

	} else if (current==15 || current==12 || current==18)
	{
		document.getElementById('deux').className = '';
		document.getElementById('trois').className = '';
		document.getElementById('un').className = '';
		document.getElementById('cinq').className = '';
		document.getElementById('six').className = '';
		document.getElementById('sept').className = '';
		document.getElementById('huit').className = '';
		document.getElementById('quatre').className = 'selected';

		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('43').style.display="block";
		document.getElementById('myid').value = '43';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

	} else if (current==22 || current==19  || current==25)
	{
		document.getElementById('deux').className = '';
		document.getElementById('trois').className = '';
		document.getElementById('quatre').className = '';
		document.getElementById('un').className = '';
		document.getElementById('six').className = '';
		document.getElementById('sept').className = '';
		document.getElementById('huit').className = '';
		document.getElementById('cinq').className = 'selected';

		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('57').style.display="block";
		document.getElementById('myid').value = '57';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

	} else if (current==29 || current==26 || current==39)
	{
		document.getElementById('deux').className = '';
		document.getElementById('trois').className = '';
		document.getElementById('quatre').className = '';
		document.getElementById('cinq').className = '';
		document.getElementById('un').className = '';
		document.getElementById('sept').className = '';
		document.getElementById('huit').className = '';
		document.getElementById('six').className = 'selected';

		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('71').style.display="block";
		document.getElementById('myid').value = '71';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

	} else if (current==36 || current==33 || current==39)
	{
		document.getElementById('deux').className = '';
		document.getElementById('trois').className = '';
		document.getElementById('quatre').className = '';
		document.getElementById('cinq').className = '';
		document.getElementById('six').className = '';
		document.getElementById('un').className = '';
		document.getElementById('huit').className = '';
		document.getElementById('sept').className = 'selected';

		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('85').style.display="block";
		document.getElementById('myid').value = '85';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

	} else if (current==43 || current==40)
	{
		document.getElementById('un').className = '';
		document.getElementById('deux').className = '';
		document.getElementById('trois').className = '';
		document.getElementById('quatre').className = '';
		document.getElementById('cinq').className = '';
		document.getElementById('six').className = '';
		document.getElementById('sept').className = '';
		document.getElementById('huit').className = 'selected';

		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('99').style.display="block";
		document.getElementById('myid').value = '99';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

	} else if (current==50 || current==46 || current==4)
	{
		document.getElementById('un').className = 'selected';
		document.getElementById('deux').className = '';
		document.getElementById('trois').className = '';
		document.getElementById('quatre').className = '';
		document.getElementById('cinq').className = '';
		document.getElementById('six').className = '';
		document.getElementById('sept').className = '';
		document.getElementById('huit').className = '';

		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('1').style.display="block";
		document.getElementById('myid').value = '1';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';
	}
}

function PageDown() {
	var current = document.getElementById('reportA').innerHTML;
	if (current==5 || current==8 || current==4)
	{
		//alert("youploa un");
		document.getElementById('deux').className = '';
		document.getElementById('trois').className = '';
		document.getElementById('quatre').className = '';
		document.getElementById('cinq').className = '';
		document.getElementById('six').className = '';
		document.getElementById('sept').className = '';
		document.getElementById('huit').className = '';
		document.getElementById('un').className = 'selected';

		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('1').style.display="block";
		document.getElementById('myid').value = '1';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

	}  else if (current==12 || current==15 || current==11)
	{
		document.getElementById('trois').className = '';
		document.getElementById('un').className = '';
		document.getElementById('quatre').className = '';
		document.getElementById('cinq').className = '';
		document.getElementById('six').className = '';
		document.getElementById('sept').className = '';
		document.getElementById('huit').className = '';
		document.getElementById('deux').className = 'selected';

		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('15').style.display="block";
		document.getElementById('myid').value = '15';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

	} else if (current==19 || current==22 || current==18)
	{
		document.getElementById('deux').className = '';
		document.getElementById('quatre').className = '';
		document.getElementById('un').className = '';
		document.getElementById('cinq').className = '';
		document.getElementById('six').className = '';
		document.getElementById('sept').className = '';
		document.getElementById('huit').className = '';
		document.getElementById('trois').className = 'selected';

		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('29').style.display="block";
		document.getElementById('myid').value = '29';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

	} else if (current==26 || current==29 || current==25)
	{
		document.getElementById('deux').className = '';
		document.getElementById('trois').className = '';
		document.getElementById('cinq').className = '';
		document.getElementById('un').className = '';
		document.getElementById('six').className = '';
		document.getElementById('sept').className = '';
		document.getElementById('huit').className = '';
		document.getElementById('quatre').className = 'selected';3

		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('43').style.display="block";
		document.getElementById('myid').value = '43';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

	} else if (current==33 || current==36 || current==32)
	{
		document.getElementById('deux').className = '';
		document.getElementById('trois').className = '';
		document.getElementById('quatre').className = '';
		document.getElementById('six').className = '';
		document.getElementById('un').className = '';
		document.getElementById('sept').className = '';
		document.getElementById('huit').className = '';
		document.getElementById('cinq').className = 'selected';

		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('57').style.display="block";
		document.getElementById('myid').value = '57';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

	} else if (current==40 || current==43 || current==39)
	{
		document.getElementById('deux').className = '';
		document.getElementById('trois').className = '';
		document.getElementById('quatre').className = '';
		document.getElementById('cinq').className = '';
		document.getElementById('sept').className = '';
		document.getElementById('un').className = '';
		document.getElementById('huit').className = '';
		document.getElementById('six').className = 'selected';

		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('71').style.display="block";
		document.getElementById('myid').value = '71';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

	} else if (current==46 || current==50) {
		document.getElementById('un').className = '';
		document.getElementById('deux').className = '';
		document.getElementById('trois').className = '';
		document.getElementById('quatre').className = '';
		document.getElementById('cinq').className = '';
		document.getElementById('six').className = '';
		document.getElementById('huit').className = '';
		document.getElementById('sept').className = 'selected';

		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('85').style.display="block";
		document.getElementById('myid').value = '85';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

	} else if (current==1)
	{
		document.getElementById('un').className = '';
		document.getElementById('deux').className = '';
		document.getElementById('trois').className = '';
		document.getElementById('quatre').className = '';
		document.getElementById('cinq').className = '';
		document.getElementById('six').className = '';
		document.getElementById('huit').className = 'selected';
		document.getElementById('sept').className = '';

		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('99').style.display="block";
		document.getElementById('myid').value = '99';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

	}
}


function DisplayFicheProduit(id) {
	var i = document.getElementById('myid').value;
	document.getElementById(i).style.display="none";
	document.getElementById(i+'-t').className='';
	document.getElementById('1').style.display="none";
	document.getElementById('2').style.display="none";
	document.getElementById('3').style.display="none";
	document.getElementById('4').style.display="none";
	document.getElementById('5').style.display="none";
	document.getElementById('6').style.display="none";
	document.getElementById('7').style.display="none";
	document.getElementById('8').style.display="none";
	document.getElementById('9').style.display="none";
	document.getElementById('10').style.display="none";
	document.getElementById('11').style.display="none";
	document.getElementById('12').style.display="none";
	document.getElementById('13').style.display="none";
	document.getElementById('14').style.display="none";
	document.getElementById('15').style.display="none";
	document.getElementById('16').style.display="none";
	document.getElementById('17').style.display="none";
	document.getElementById('18').style.display="none";
	document.getElementById('19').style.display="none";
	document.getElementById('20').style.display="none";
	document.getElementById('21').style.display="none";
	document.getElementById('22').style.display="none";
	document.getElementById('23').style.display="none";
	document.getElementById('24').style.display="none";
	document.getElementById('25').style.display="none";
	document.getElementById('26').style.display="none";
	document.getElementById('27').style.display="none";
	document.getElementById('28').style.display="none";
	document.getElementById('29').style.display="none";
	document.getElementById('30').style.display="none";
	document.getElementById('31').style.display="none";
	document.getElementById('32').style.display="none";
	document.getElementById('33').style.display="none";
	document.getElementById('34').style.display="none";
	document.getElementById('35').style.display="none";
	document.getElementById('36').style.display="none";
	document.getElementById('37').style.display="none";
	document.getElementById('38').style.display="none";
	document.getElementById('39').style.display="none";
	document.getElementById('40').style.display="none";
	document.getElementById('41').style.display="none";
	document.getElementById('42').style.display="none";
	document.getElementById('43').style.display="none";
	document.getElementById('44').style.display="none";
	document.getElementById('45').style.display="none";
	document.getElementById('46').style.display="none";
	document.getElementById('47').style.display="none";
	document.getElementById('48').style.display="none";
	document.getElementById('49').style.display="none";
	document.getElementById('50').style.display="none";
	document.getElementById('51').style.display="none";
	document.getElementById('52').style.display="none";
	document.getElementById('53').style.display="none";
	document.getElementById('54').style.display="none";
	document.getElementById('55').style.display="none";
	document.getElementById('56').style.display="none";
	document.getElementById('57').style.display="none";
	document.getElementById('58').style.display="none";
	document.getElementById('59').style.display="none";
	document.getElementById('60').style.display="none";
	document.getElementById('61').style.display="none";
	document.getElementById('62').style.display="none";
	document.getElementById('63').style.display="none";
	document.getElementById('64').style.display="none";
	document.getElementById('65').style.display="none";
	document.getElementById('66').style.display="none";
	document.getElementById('67').style.display="none";
	document.getElementById('68').style.display="none";
	document.getElementById('69').style.display="none";
	document.getElementById('70').style.display="none";
	document.getElementById('71').style.display="none";
	document.getElementById('72').style.display="none";
	document.getElementById('73').style.display="none";
	document.getElementById('74').style.display="none";
	document.getElementById('75').style.display="none";
	document.getElementById('76').style.display="none";
	document.getElementById('77').style.display="none";
	document.getElementById('78').style.display="none";
	document.getElementById('79').style.display="none";
	document.getElementById('80').style.display="none";
	document.getElementById('81').style.display="none";
	document.getElementById('82').style.display="none";
	document.getElementById('83').style.display="none";
	document.getElementById('84').style.display="none";
	document.getElementById('85').style.display="none";
	document.getElementById('86').style.display="none";
	document.getElementById('87').style.display="none";
	document.getElementById('88').style.display="none";
	document.getElementById('89').style.display="none";
	document.getElementById('90').style.display="none";
	document.getElementById('91').style.display="none";
	document.getElementById('92').style.display="none";
	document.getElementById('93').style.display="none";
	document.getElementById('94').style.display="none";
	document.getElementById('95').style.display="none";
	document.getElementById('96').style.display="none";
	document.getElementById('97').style.display="none";
	document.getElementById('98').style.display="none";
	document.getElementById('99').style.display="none";
	document.getElementById('100').style.display="none";
	document.getElementById('101').style.display="none";
	document.getElementById(id).style.display="block";
	document.getElementById('myid').value = id;
	var idvalide = document.getElementById('myid').value;
	document.getElementById(idvalide+'-t').className = 'selected';
}

function precedent() {
	var idvalide = document.getElementById('myid').value;
	if (idvalide==1)
	{
		
		document.getElementById('un').className='';
		document.getElementById('huit').className='selected';
		document.getElementById('reportA').innerHTML='99';
		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('99').style.display="block";
		document.getElementById('myid').value = '99';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

		var galleryid = 'galleryB';
		var pindex = 47;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	}
	var back = idvalide-1;
	document.getElementById('myid').value = back;
	document.getElementById(idvalide).style.display="none";
	document.getElementById(idvalide+'-t').className = '';
	document.getElementById(back).style.display="block";
	document.getElementById(back+'-t').className = 'selected';
	//alert(back);
	if (back==14)
	{
		document.getElementById('deux').className='';
		document.getElementById('un').className='selected';
		document.getElementById('reportA').innerHTML='1';
		var galleryid = 'galleryB';
		var pindex = 1;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	} 
		else if (back==28)
	{
		document.getElementById('trois').className='';
		document.getElementById('deux').className='selected';
		var galleryid = 'galleryB';
		var pindex = 8;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	} else if (back==42)
	{
		document.getElementById('quatre').className='';
		document.getElementById('trois').className='selected';
		var galleryid = 'galleryB';
		var pindex = 15;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	} else if (back==56)
	{
		document.getElementById('cinq').className='';
		document.getElementById('quatre').className='selected';
		var galleryid = 'galleryB';
		var pindex = 22;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	} else if (back==70)
	{
		document.getElementById('six').className='';
		document.getElementById('cinq').className='selected';
		var galleryid = 'galleryB';
		var pindex = 29;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	} else if (back==84)
	{
		document.getElementById('sept').className='';
		document.getElementById('six').className='selected';
		var galleryid = 'galleryB';
		var pindex = 36;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	} else if (back==98 || back==88)
	{
		document.getElementById('huit').className='';
		document.getElementById('sept').className='selected';
		var galleryid = 'galleryB';
		var pindex = 43;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	} 
}

function suivant() {
	var idvalide = document.getElementById('myid').value;
	if (idvalide==101)
	{
		
		document.getElementById('huit').className='';
		document.getElementById('un').className='selected';
		document.getElementById('reportA').innerHTML='1';
		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('1').style.display="block";
		document.getElementById('myid').value = '1';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';

		var galleryid = 'galleryB';
		var pindex = 1;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	}
	idvalide = parseInt(idvalide);
	var next = idvalide+1;
	document.getElementById('myid').value = next;
	document.getElementById(idvalide).style.display="none";
	document.getElementById(idvalide+'-t').className = '';
	document.getElementById(next).style.display="block";
	document.getElementById(next+'-t').className = 'selected';
	if (next==15)
	{
		document.getElementById('un').className='';
		document.getElementById('deux').className='selected';	
		document.getElementById('reportA').innerHTML='8';
		var galleryid = 'galleryB';
		var pindex = 8;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	} 
	else if (next==29)
	{
		document.getElementById('deux').className='';
		document.getElementById('trois').className='selected';	
		document.getElementById('reportA').innerHTML='15';
		var galleryid = 'galleryB';
		var pindex = 15;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	} else if (next==43)
	{
		document.getElementById('trois').className='';
		document.getElementById('quatre').className='selected';
		document.getElementById('reportA').innerHTML='22';
		var galleryid = 'galleryB';
		var pindex = 22;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	} else if (next==57)
	{
		document.getElementById('quatre').className='';
		document.getElementById('cinq').className='selected';
		document.getElementById('reportA').innerHTML='29';
		var galleryid = 'galleryB';
		var pindex = 29;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	} else if (next==71)
	{
		document.getElementById('cinq').className='';
		document.getElementById('six').className='selected';
		document.getElementById('reportA').innerHTML='36';
		var galleryid = 'galleryB';
		var pindex = 36;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	} else if (next==85)
	{
		document.getElementById('six').className='';
		document.getElementById('sept').className='selected';
		document.getElementById('reportA').innerHTML='43';
		var galleryid = 'galleryB';
		var pindex = 43;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	} else if (next==99)
	{
		document.getElementById('sept').className='';
		document.getElementById('huit').className='selected';
		document.getElementById('reportA').innerHTML='47';
		var galleryid = 'galleryB';
		var pindex = 47;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	}
	//alert(next);
}

function recupId(id) {
	document.getElementById('id-'+id).value
	alert(myId);
}

function selectionPage(id) {
	document.getElementById('un').className = '';
	document.getElementById('deux').className = '';
	document.getElementById('trois').className = '';
	document.getElementById('quatre').className = '';
	document.getElementById('cinq').className = '';
	document.getElementById('six').className = '';
	document.getElementById('sept').className = '';
	document.getElementById('huit').className = '';
	document.getElementById(id).className = 'selected';

	if (id=='deux')
	{
		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('15').style.display="block";
		document.getElementById('myid').value = '15';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';
		document.getElementById('reportA').innerHTML = "8";

		var galleryid = 'galleryB';
		var pindex = 8;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)

	} else if (id=='trois')
	{
		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('29').style.display="block";
		document.getElementById('myid').value = '29';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';
		document.getElementById('reportA').innerHTML = "15";

		var galleryid = 'galleryB';
		var pindex = 15;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)

	} else if (id=='quatre')
	{
		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('43').style.display="block";
		document.getElementById('myid').value = '43';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';
		document.getElementById('reportA').innerHTML = "22";

		var galleryid = 'galleryB';
		var pindex = 22;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)


	} else if (id=='cinq')
	{
		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('57').style.display="block";
		document.getElementById('myid').value = '57';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';
		document.getElementById('reportA').innerHTML = "29";

		var galleryid = 'galleryB';
		var pindex = 29;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)

	} else if (id=='six')
	{
		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('71').style.display="block";
		document.getElementById('myid').value = '71';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';
		document.getElementById('reportA').innerHTML = "36";

		var galleryid = 'galleryB';
		var pindex = 36;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)

	} else if (id=='sept')
	{
		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('85').style.display="block";
		document.getElementById('myid').value = '85';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';
		document.getElementById('reportA').innerHTML = "43";

		var galleryid = 'galleryB';
		var pindex = 43;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)

	} else if (id=='huit')
	{
		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('99').style.display="block";
		document.getElementById('myid').value = '99';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';
		document.getElementById('reportA').innerHTML = "50";

		var galleryid = 'galleryB';
		var pindex = 47;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)

	} else if (id=='un')
	{
		var i = document.getElementById('myid').value;
		document.getElementById(i).style.display="none";
		document.getElementById(i+'-t').className='';
		document.getElementById('1').style.display="block";
		document.getElementById('myid').value = '1';
		var idvalide = document.getElementById('myid').value;
		document.getElementById(idvalide+'-t').className = 'selected';
		document.getElementById('reportA').innerHTML = "1";

		var galleryid = 'galleryB';
		var pindex = 1;
		var config=stepcarousel.configholder[galleryid]
		if (typeof config=="undefined"){
			alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
			return
		}
		stepcarousel.stopautostep(config)
		var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
		var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
		if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
			this.fadebuttons(config, pindex)
		}
		config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
		config.currentpanel=pindex
		this.statusreport(galleryid)
	}
	
}


function reload() {
	alert("Reload");
}