/*  Hardware.Fr FICHIER Java Script 
	Ce document est valide conformément à la recommandation CSS niveau 2.1 & XHTML 1.0 Transitional */

var btnNEWS = true;
/*var btnBLOG = false;*/
var btnDOSSIERS = false;
var btnPRIX = false;
var btnFORUM = false;
var btnBASE = false;
var btnPC = false;

var btnALL = true;
var btnAIDES = false;
var btnAVIS = false;
var btnOVERC = false;
var btnCOMM = false;

var une_actuel = 1;
var tps_fondu_1 = 100;
var tps_fondu_2 = 0;
var tps_fondu_3 = 0;

//=== Vitesse modifiable ===
var decrementation = 5;
var vitesse_rep = 30;

function changeBg(objet)
{
	if(objet == "news")
	{
		document.getElementById('news').className='news_over';
		clic('news');
	}
		
/*	if(objet == "blog")
	{
		document.getElementById('blog').className = "blog_over";
		clic('blog');
	}
*/		
	if(objet == "dossiers")
	{
		document.getElementById('dossiers').className = "dossiers_over";
		clic('dossiers');
	}
		
	if(objet == "prix")
	{
		document.getElementById('prix').className = "prix_over";
		clic('prix');
	}
		
	if(objet == "forum")
	{
		document.getElementById('forum').className = "forum_over";
		clic('forum');
	}
	
	if(objet == "base")
	{
		document.getElementById('base').className = "base_over";
		clic('base');
	}
	
	if(objet == "pc")
	{
		document.getElementById('pc').className = "pc_over";
		clic('pc');
	}
	
	if(objet == "all")
	{
		document.getElementById('all').className='all_over';
		clic_2('all');
	}
		
	if(objet == "aides")
	{
		document.getElementById('aides').className = "aides_over";
		clic_2('aides');
	}
		
	if(objet == "avis")
	{
		document.getElementById('avis').className = "avis_over";
		clic_2('avis');
	}
		
	if(objet == "overc")
	{
		document.getElementById('overc').className = "overcliking_over";
		clic_2('overc');
	}
		
	if(objet == "comm")
	{
		document.getElementById('comm').className = "commentaire_over";
		clic_2('comm');
	}
	
}

function verif()
{
	if(!btnNEWS)
	{
		document.getElementById('news').className='news';
	}
		
/*	if(!btnBLOG)
	{
		document.getElementById('blog').className = "blog";
	}
*/		
	if(!btnDOSSIERS)
	{
		document.getElementById('dossiers').className = "dossiers";
	}
		
	if(!btnPRIX)
	{
		document.getElementById('prix').className = "prix";
	}
		
	if(!btnFORUM)
	{
		document.getElementById('forum').className = "forum";
	}
	
	if(!btnBASE)
	{
		document.getElementById('base').className = "base";
	}
	
	if(!btnPC)
	{
		document.getElementById('pc').className = "pc";
	}
}

function verif_2()
{
	if(!btnALL)
	{
		document.getElementById('all').className='all';
	}
		
	if(!btnAIDES)
	{
		document.getElementById('aides').className = "aides";
	}
		
	if(!btnAVIS)
	{
		document.getElementById('avis').className = "avis";
	}
		
	if(!btnOVERC)
	{
		document.getElementById('overc').className = "overclicking";
	}
		
	if(!btnCOMM)
	{
		document.getElementById('comm').className = "commentaires";
	}
}

function clic(objet)
{
	if(objet == "news")
	{
		change_state(true, false, false, false, false, false, false);
	}
		
/*	if(objet == "blog")
	{
		change_state(false, true, false, false, false, false, false);
	}
*/	
	if(objet == "dossiers")
	{
		change_state(false, false, true, false, false, false, false);
	}
		
	if(objet == "prix")
	{
		change_state(false, false, false, true, false, false, false);
	}
		
	if(objet == "forum")
	{
		change_state(false, false, false, false, true, false, false);
	}
	
	if(objet == "base")
	{
		change_state(false, false, false, false, false, true, false);
	}
	
	if(objet == "pc")
	{
		change_state(false, false, false, false, false ,false, true);
	}
	
	affichage();
	verif();
}

function clic_2(objet)
{
	if(objet == "all")
	{
		change_state_2(true, false, false, false, false);
	}
		
	if(objet == "aides")
	{
		change_state_2(false, true, false, false, false);
	}
		
	if(objet == "avis")
	{
		change_state_2(false, false, true, false, false);
	}
		
	if(objet == "overc")
	{
		change_state_2(false, false, false, true, false);
	}
		
	if(objet == "comm")
	{
		change_state_2(false, false, false, false, true);
	}
	
	affichage_2();
	verif_2();
}
	
function change_state(N, B, D, P, F, Z, W)
{
	btnNEWS = N;
/*	btnBLOG = B;*/
	btnDOSSIERS = D;
	btnPRIX = P;
	btnFORUM = F;
	btnBASE = Z;
	btnPC = W;
}

function change_state_2(A, AI, AV, O, C)
{
	btnALL = A;
	btnAIDES = AI;
	btnAVIS = AV;
	btnOVERC = O;
	btnCOMM = C;
}

function affichage()
{
	//=================== NEWS ===================
	if(btnNEWS)
	{
		document.getElementById('news_choix').className = "style_news_choix";
	}
	else
	{
		document.getElementById('news_choix').className = "style_news_choix_uncheck";
	}
	
	//=================== BLOG ===================
/*	if(btnBLOG)
	{
		document.getElementById('blog_choix').className = "style_blog_choix";
	}
	else
	{
		document.getElementById('blog_choix').className = "style_blog_choix_uncheck";
	}
*/	
	//=================== DOSSIERS ===================
	if(btnDOSSIERS)
	{
		document.getElementById('dossiers_choix').className = "style_dossiers_choix";
	}
	else
	{
		document.getElementById('dossiers_choix').className = "style_dossiers_choix_uncheck";
	}
	
	//=================== PRIX ===================
	if(btnPRIX)
	{
		document.getElementById('prix_choix').className = "style_prix_choix";
	}
	else
	{
		document.getElementById('prix_choix').className = "style_prix_choix_uncheck";
	}
	
	//=================== FORUM ===================
	if(btnFORUM)
	{
		document.getElementById('forum_choix').className = "style_forum_choix";
	}
	else
	{
		document.getElementById('forum_choix').className = "style_forum_choix_uncheck";
	}
	
	//=================== BASE OVERCLOCKING ===================
	if(btnBASE)
	{
		document.getElementById('base_choix').className = "style_base_choix";
	}
	else
	{
		document.getElementById('base_choix').className = "style_base_choix_uncheck";
	}
	
	//=================== PC HARDWARE ===================
	if(btnPC)
	{
		document.getElementById('pc_choix').className = "style_pc_choix";
	}
	else
	{
		document.getElementById('pc_choix').className = "style_pc_choix_uncheck";
	}
}

function affichage_2()
{
	//=================== ALL ===================
	if(btnALL)
	{
		document.getElementById('all_choix').className = "style_all_choix";
	}
	else
	{
		document.getElementById('all_choix').className = "style_all_choix_uncheck";
	}
	
	//=================== AIDES ===================
	if(btnAIDES)
	{
		document.getElementById('aides_choix').className = "style_aides_choix";
	}
	else
	{
		document.getElementById('aides_choix').className = "style_aides_choix_uncheck";
	}
	
	//=================== AVIS ===================
	if(btnAVIS)
	{
		document.getElementById('avis_choix').className = "style_avis_choix";
	}
	else
	{
		document.getElementById('avis_choix').className = "style_avis_choix_uncheck";
	}
	
	//=================== OVERCLOCKING ===================
	if(btnOVERC)
	{
		document.getElementById('overc_choix').className = "style_overc_choix";
	}
	else
	{
		document.getElementById('overc_choix').className = "style_overc_choix_uncheck";
	}
	
	//=================== COMMENTAIRE ===================
	if(btnCOMM)
	{
		document.getElementById('comm_choix').className = "style_comm_choix";
	}
	else
	{
		document.getElementById('comm_choix').className = "style_comm_choix_uncheck";
	}
}

var time = '';

function PopUp(page) {
	open(page,'popup','toolbars=0,directories=0,status=0,resizable=1,scrollbars=1,width=650,height=650');
}

function show_jq(div)
{
	 $("#"+div).show();
}

function hide_jq(div)
{
	 $("#"+div).hide();
}

function validation_du_formulaire() {

var aString = document.formulaire.exp_nom.value;
var bString = document.formulaire.exp_email.value;
var cString = document.formulaire.dest_email.value;
var dString = document.formulaire.commentaires.value;

if (aString == '' || aString.length < 4) {
	if (aString == '') 
	alert("Veuillez entrer votre nom.")
	else alert(aString + " n'est pas un nom valide (trop court).");
	return false;
}

if (bString == '' || bString.length < 6) {
	if (bString == '') 
	alert("Veuillez entrer votre adresse électronique.")
	else alert(bString + " n'est pas une adresse électronique valide.");
	return false;
}

if (cString == '' || cString.length < 6) {
	if (cString == '') 
	alert("Veuillez entrer au moins une adresse électronique d\'expédition.")
	else alert(cString + " n'est pas une adresse électronique valide.");
	return false;
}

if (dString == '') {
	alert("Veuillez entrer un message pour le destinataire du message.")
	return false;
}

else return true;
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*
/////////////////////////////////////////////////////////////////
// Les fonctions du carrousel "à la une" de la page d'accueil //
///////////////////////////////////////////////////////////////

// fonction qui permet d'atteindre la position spécifiée du carrousel
function BougePosition(id, position, height, nbParPage, vitesse)
{
	var current;
	
	nvx_current = position * nbParPage;
	
	// on créé un span avec le current
	if($('#span'+id).attr('id')==undefined)
	{
		$('#'+id).append('<span id="span'+id+'" style="display:none;">0</span>');
	}

	// on récupère le current
	current = $('#span'+id).html();
	
	// on arrête l'exécution du traitement précédemment défini avec setInterval()
	if(interval_id > 0) clearInterval(interval_id);
	
	//alert('current=' + current);
	//alert('nvx_current=' + nvx_current);
	if(nvx_current > current)
	{
		$('#'+id+' .items').animate({top:'-='+((nvx_current-current)*height)},vitesse);		
	}
	else
	{
		$('#'+id+' .items').animate({top:'+='+((current-nvx_current)*height)},vitesse);		
	}
	// on met à jour les points témoins 
	$('#temoin'+(current)).removeClass("selected");
	$('#temoin'+(nvx_current)).addClass("selected");
	
	// on place le nouveau current dans le span
	$('#span'+id).html(nvx_current);
}


// fonction qui permet de remonter d'une position le carrousel
function BougeEnHaut(id, height,nbParPage, vitesse)
{
	var current;
	var total;
	
	// on détermine le nbre total d'items
	total = $('#'+id+' .item').length;
	
	// on créé un span avec le current
	if($('#span'+id).attr('id')==undefined)
	{
		$('#'+id).append('<span id="span'+id+'" style="display:none;">0</span>');
	}

	// on récupère le current
	current = $('#span'+id).html();
	
	// on arrête l'exécution du traitement précédemment défini avec setInterval()
	if(interval_id > 0) clearInterval(interval_id);
	
	//alert('current=' + current);
	if(current > 0)
	{
		$('#'+id+' .items').animate({top:'+='+(height*nbParPage)},vitesse);
		
		// on met à jour les points témoins
		$('#temoin'+current).removeClass("selected");
		$('#temoin'+(parseInt(current) - parseInt(nbParPage))).addClass("selected");
		
		// on place le nouveau current dans le span
		$('#span'+id).html(current - nbParPage);
		//alert('current - nbParPage = ' + (current - nbParPage));
		
	}
	// on redescend tout en bas, si on est au début
	else if(current == 0)
	{
		$('#'+id+' .items').animate({top:'-='+(height*(total-nbParPage))},vitesse);
		
		// on met à jour les points témoins 
		$('#temoin'+(total-nbParPage)).addClass("selected");
		$('#temoin0').removeClass("selected");
			
		// on place le nouveau current dans le span
		$('#span'+id).html(total-nbParPage);
		//alert('current + nbParPage = ' + (parseInt(current) + parseInt(nbParPage)));		
	}
	else
	{
		//alert('debut');
	}
}

// fonction qui permet de redescendre d'une position le carrousel
function BougeEnBas(id, height,nbParPage, vitesse)
{
	var current;
	var total;
	
	// on détermine le nbre total d'items
	total = $('#'+id+' .item').length;
	
	// on créé un span avec le current
	if($('#span'+id).attr('id')==undefined)
	{
		$('#'+id).append('<span id="span'+id+'" style="display:none;">0</span>');
	}

	// on récupère le current
	current = $('#span'+id).html();
	
	// on arrête l'exécution du traitement précédemment défini avec setInterval()
	if(interval_id > 0) clearInterval(interval_id);

	//alert('current=' + current);
	if(current < total-nbParPage)
	{
		$('#'+id+' .items').animate({top:'-='+(height*nbParPage)},vitesse);
		
		// on met à jour les points témoins 
		$('#temoin'+current).removeClass("selected");
		$('#temoin'+(parseInt(current) + parseInt(nbParPage))).addClass("selected");
		
		// on place le nouveau current dans le span
		$('#span'+id).html(parseInt(current) + parseInt(nbParPage));
		//alert('current + nbParPage = ' + (parseInt(current) + parseInt(nbParPage)));		
	}
	// on remonte tout en haut, si on est à la fin
	else if(current == total-nbParPage)
	{
		$('#'+id+' .items').animate({top:'+='+(height*(total-nbParPage))},vitesse);
		
		// on met à jour les points témoins 
		$('#temoin'+current).removeClass("selected");	
		$('#temoin0').addClass("selected");
		
		// on place le nouveau current dans le span
		$('#span'+id).html(0);
		//alert('current + nbParPage = ' + (parseInt(current) + parseInt(nbParPage)));		
	}
	else
	{
		//alert('fin');
	}
}

// fonction qui permet au carrousel de bouger automatiquement
// il descend jusqu'à la fin en faisant une pause sur chaque position, puis remonte tout au début... 
// et ainsi de suite si aucune action de l'utilisateur...
function carrousel(id, height,nbParPage, vitesse, pause, sens)
{
	var current;
	var total;
	var top;
	
	// on détermine le nbre total d'items
	total = $('#'+id+' .item').length;
	
	// on créé un span avec le current
	if($('#span'+id).attr('id')==undefined)
	{
		$('#'+id).append('<span id="span'+id+'" style="display:none;">0</span>');
	}

	// on récupère le current
	current = $('#span'+id).html();
	
	// on remonte les items, le current augmente
	if(sens == 'top')
	{
		current = parseInt(current) + parseInt(nbParPage);
	}
	
	// on descend tous les items, le current devient nul
	if(sens == 'bottom')
	{
		current = 0;
	}

	// si on remonte les items, et le current est égal au total => on a remonté tous les items
	// => on change de sens
	if((sens == 'top') && (current == total))
	{
		sens = 'bottom';
	}
	
	// si on descend les items, et le current est égal au nb d'items par page => on a descendu tous les items
	// => on change de sens
	if((sens =='bottom') && (current == nbParPage))
	{
		sens = 'top';
	}
	
	top=parseInt($('#'+id+' .items').addClass('top'));
	
	if((top == undefined) || (top=='NaN'))
	{
		top = 0;
	} 
	
	// si on remonte les items
	if(sens == 'top')
	{
		$('#temoin'+current).addClass("selected");
		$('#temoin'+(parseInt(current)-parseInt(nbParPage))).removeClass("selected");
		
		$('#'+id+' .items').animate({top:'-='+(height*nbParPage)},vitesse);
	}
	// sinon on redescend les items
	else
	{
		$('#temoin'+(parseInt(total)-parseInt(nbParPage))).removeClass("selected");
		$('#temoin'+parseInt(0)).addClass("selected");
		
		$('#'+id+' .items').animate({top:'+='+(height*(total-nbParPage))},vitesse);
		sens ='top';
		current = 0;
	}
	// on place le nouveau current dans le span
	$('#span'+id).html(current);
		
	return false;
}
*/

// 26/08/2011 : nouvelle version pour le carrousel -> transition

/////////////////////////////////////////////////////////////////
// Les fonctions du carrousel "à la une" de la page d'accueil //
///////////////////////////////////////////////////////////////

// fonction qui permet d'atteindre la position spécifiée du carrousel
function BougePosition(id, position, height, nbParPage, vitesse)
{
	var current;
	
	nvx_current = position * nbParPage;
	
	// on créé un span avec le current
	if($('#span'+id).attr('id')==undefined)
	{
		$('#'+id).append('<span id="span'+id+'" style="display:none;">0</span>');
	}

	// on récupère le current
	current = $('#span'+id).html();
	
	// on arrête l'exécution du traitement précédemment défini avec setInterval()
	if(interval_id > 0) clearInterval(interval_id);
	
	//alert('current=' + current);
	//alert('nvx_current=' + nvx_current);
	if(nvx_current > current)
	{
		$('#'+id+' .items').fadeTo("slow", 0.1);
		$('#'+id+' .items').animate({top:'-='+((nvx_current-current)*height)},vitesse);		
		$('#'+id+' .items').fadeTo("normal", 1);
	}
	else
	{
		$('#'+id+' .items').fadeTo("slow", 0.1);
		$('#'+id+' .items').animate({top:'+='+((current-nvx_current)*height)},vitesse);		
		$('#'+id+' .items').fadeTo("normal", 1);
	}
	// on met à jour les points témoins 
	$('#temoin'+(current)).removeClass("selected");
	$('#temoin'+(nvx_current)).addClass("selected");
	
	// on place le nouveau current dans le span
	$('#span'+id).html(nvx_current);
}

// fonction qui permet de remonter d'une position le carrousel
function BougeEnHaut(id, height,nbParPage, vitesse)
{
	var current;
	var total;
	
	// on détermine le nbre total d'items
	total = $('#'+id+' .item').length;
	
	// on créé un span avec le current
	if($('#span'+id).attr('id')==undefined)
	{
		$('#'+id).append('<span id="span'+id+'" style="display:none;">0</span>');
	}

	// on récupère le current
	current = $('#span'+id).html();
	
	// on arrête l'exécution du traitement précédemment défini avec setInterval()
	if(interval_id > 0) clearInterval(interval_id);
	
	//alert('current=' + current);
	if(current > 0)
	{
		$('#'+id+' .items').fadeTo("slow", 0.1);
		$('#'+id+' .items').animate({top:'+='+(height*nbParPage)},vitesse);
		$('#'+id+' .items').fadeTo("normal", 1);
		
		// on met à jour les points témoins
		$('#temoin'+current).removeClass("selected");
		$('#temoin'+(parseInt(current) - parseInt(nbParPage))).addClass("selected");
		
		// on place le nouveau current dans le span
		$('#span'+id).html(current - nbParPage);
		//alert('current - nbParPage = ' + (current - nbParPage));
		
	}
	// on redescend tout en bas, si on est au début
	else if(current == 0)
	{
		$('#'+id+' .items').fadeTo("slow", 0.1);
		$('#'+id+' .items').animate({top:'-='+(height*(total-nbParPage))},vitesse);
		$('#'+id+' .items').fadeTo("normal", 1);
		
		// on met à jour les points témoins 
		$('#temoin'+(total-nbParPage)).addClass("selected");
		$('#temoin0').removeClass("selected");
			
		// on place le nouveau current dans le span
		$('#span'+id).html(total-nbParPage);
		//alert('current + nbParPage = ' + (parseInt(current) + parseInt(nbParPage)));		
	}
	else
	{
		//alert('debut');
	}
}

// fonction qui permet de redescendre d'une position le carrousel
function BougeEnBas(id, height,nbParPage, vitesse)
{
	var current;
	var total;
	
	// on détermine le nbre total d'items
	total = $('#'+id+' .item').length;
	
	// on créé un span avec le current
	if($('#span'+id).attr('id')==undefined)
	{
		$('#'+id).append('<span id="span'+id+'" style="display:none;">0</span>');
	}

	// on récupère le current
	current = $('#span'+id).html();
	
	// on arrête l'exécution du traitement précédemment défini avec setInterval()
	if(interval_id > 0) clearInterval(interval_id);

	//alert('current=' + current);
	if(current < total-nbParPage)
	{
		$('#'+id+' .items').fadeTo("slow", 0.1);
		$('#'+id+' .items').animate({top:'-='+(height*nbParPage)},vitesse);
		$('#'+id+' .items').fadeTo("normal", 1);
		
		// on met à jour les points témoins 
		$('#temoin'+current).removeClass("selected");
		$('#temoin'+(parseInt(current) + parseInt(nbParPage))).addClass("selected");
		
		// on place le nouveau current dans le span
		$('#span'+id).html(parseInt(current) + parseInt(nbParPage));
		//alert('current + nbParPage = ' + (parseInt(current) + parseInt(nbParPage)));		
	}
	// on remonte tout en haut, si on est à la fin
	else if(current == total-nbParPage)
	{
		$('#'+id+' .items').fadeTo("slow", 0.1);
		$('#'+id+' .items').animate({top:'+='+(height*(total-nbParPage))},vitesse);
		$('#'+id+' .items').fadeTo("normal", 1);
		
		// on met à jour les points témoins 
		$('#temoin'+current).removeClass("selected");	
		$('#temoin0').addClass("selected");
		
		// on place le nouveau current dans le span
		$('#span'+id).html(0);
		//alert('current + nbParPage = ' + (parseInt(current) + parseInt(nbParPage)));		
	}
	else
	{
		//alert('fin');
	}
}

// fonction qui permet au carrousel de bouger automatiquement
// il descend jusqu'à la fin en faisant une pause sur chaque position, puis remonte tout au début... 
// et ainsi de suite si aucune action de l'utilisateur...
function carrousel(id, height, nbParPage, vitesse, pause, sens)
{
	var current;
	var total;
	var top;
	
	// on détermine le nbre total d'items
	total = $('#'+id+' .item').length;
	
	// on créé un span avec le current
	if($('#span'+id).attr('id')==undefined)
	{
		$('#'+id).append('<span id="span'+id+'" style="display:none;">0</span>');
	}

	// on récupère le current
	current = $('#span'+id).html();
	
	// on remonte les items, le current augmente
	if(sens == 'top')
	{
		current = parseInt(current) + parseInt(nbParPage);
	}
	
	// on descend tous les items, le current devient nul
	if(sens == 'bottom')
	{
		current = 0;
	}

	// si on remonte les items, et le current est égal au total => on a remonté tous les items
	// => on change de sens
	if((sens == 'top') && (current == total))
	{
		sens = 'bottom';
	}
	
	// si on descend les items, et le current est égal au nb d'items par page => on a descendu tous les items
	// => on change de sens
	if((sens =='bottom') && (current == nbParPage))
	{
		sens = 'top';
	}
	
	top=parseInt($('#'+id+' .items').addClass('top'));
	
	if((top == undefined) || (top=='NaN'))
	{
		top = 0;
	} 
	
	// si on remonte les items
	if(sens == 'top')
	{
		$('#temoin'+current).addClass("selected");
		$('#temoin'+(parseInt(current)-parseInt(nbParPage))).removeClass("selected");
		
		$('#'+id+' .items').fadeTo("slow", 0.1);
		$('#'+id+' .items').animate({top:'-='+(height*nbParPage)},vitesse);
		$('#'+id+' .items').fadeTo("normal", 1);
	}
	// sinon on redescend les items
	else
	{
		$('#temoin'+(parseInt(total)-parseInt(nbParPage))).removeClass("selected");
		$('#temoin'+parseInt(0)).addClass("selected");
		
		$('#'+id+' .items').fadeTo("slow", 0.1);
		$('#'+id+' .items').animate({top:'+='+(height*(total-nbParPage))},vitesse);
		$('#'+id+' .items').fadeTo("normal", 1);
		
		sens ='top';
		current = 0;
	}
	// on place le nouveau current dans le span
	$('#span'+id).html(current);
		
	return false;
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////
// Les fonctions pour les commentaires //
////////////////////////////////////////

// fonction qui permet de remonter la page au niveau du selector
// par ex. : la div "commentaires"
function scrollTo(selector) {
        var targetOffset = $(selector).offset().top;
        $('html,body').animate({scrollTop: targetOffset}, 500);
}

// fonction pour déplacer la zone visible de la div "les commentaires" 
// pour l'afficher dans la div "zone_commentaires"
// => MB - 2011 : fonction optimisée SEO (inutilisée... mais à conserver...)
// rmq : $('nom_element').height() renvoie la hauteur de l'élément
// 		 $('nom_element').height(x) donne à l'élément la hauteur x
function switch_onglet_commentaire(id, nbParPage, page)
{
	var top;
	
	var nb_pages;
	nb_pages = 0;
	
	var height_page;
	height_page = 0;
	
	var height_pages_precedentes;
	height_pages_precedentes = 0;
	
	var height_les_commentaires;
	height_les_commentaires = 0;
	
	// on détermine la hauteur totale de tous les commentaires
	height_les_commentaires = $('div.les_commentaires').height();
	
	// on détermine la hauteur de la page à afficher
	height_page = $('div.10_'+page).height();
	//alert(height_page);
	
	// on récupère le nbre total de pages
	nb_pages = $('.pagination_commentaire span:last-child');
	//alert (nb_pages.text());
		
	// on donne à la div "zone_commentaires" la bonne taille
	$('div.zone_commentaires').height(height_page); 
	//alert(height_page);
	
	// on déplace le top
	// étape 1 - on repart tout en haut de la div "les_commentaires"
	$('#'+id+' .les_commentaires').css("top", "0px");
	// étape 2 -  on déplace le top de la hauteur des pages précédentes
	if (page > 1)
	{
		for (i=1; i <= parseInt(page-1); i++)
		{
			height_pages_precedentes = $('div.10_'+i).height() + height_pages_precedentes;
		}
		//alert(height_pages_precedentes);
		$('#'+id+' .les_commentaires').css("top", -height_pages_precedentes+'px');
	}
	
	// on met en couleur la page
	for (j=1; j <= parseInt(nb_pages.text()); j++)
	{
		$('#page_'+j).removeClass("page_en_cours");
	}
	$('#page_'+page).addClass("page_en_cours");

	if (page > 1)
	{
		scrollTo($('#'+id));
	}
	return false;
}


////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// appel de la fonction carrousel
var interval_id = 0;

$(document).ready(
	function(){
			//interval_id = setInterval(function() {carrousel('carrousel-a-la-une', 255, 2, 2000, 15000, 'top')}, 17000);
			// la vitesse devient nulle
			interval_id = setInterval(function() {carrousel('carrousel-a-la-une', 255, 2, 0, 15000, 'top')}, 15000);
			
			// image agrandie en surimpression (avec colorbox)
			$("a[rel='img_surimpression']").colorbox({close:"Fermer", 
													  previous:"<img src='/images_skin_2010/pagination/precedent.png' />", 
													  next:"<img src='/images_skin_2010/pagination/suivant.png' />",
													  current: "image {current} sur {total}",
													  transition:"elastic", maxWidth:"95%", maxHeight:"95%"});
	}
);

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////