// Cycles
// (c) Stéphane Hardy 2004-2012
// http://www.thorgal-bd.fr/

var cycles=new Array ("","La Reine des Mers Gelées","Les Bienveillants","Brek Zarith","Les origines","Alinoë","Au Pays Qâ","Les origines","Vers le Nord","Shaïgan-sans-merci","Les voyages de Thorgal","Le dernier voyage","Le successeur","Mages rouges","Kriss de Valnor","Louve");
var cycle_nb=new Array (0,1,1,2,3,3,3,4,5,6,6,6,6,6,7,8,8,8,9,9,9,9,9,9,10,10,10,11,11,11,12,12,12,13,14,14,15);
var albums=new Array ("","La Magicienne trahie","L'Ile des Mers gelées","Les trois Vieillards du Pays d'Aran","La Galère noire","Au-delà des Ombres","La Chute de Brek Zarith","L'Enfant des Etoiles","Alinoë","Les Archers","Le Pays Qâ","Les Yeux de Tanatloc","La Cité du Dieu perdu","Entre Terre et Lumière","Aaricia","Le Maître des Montagnes","Louve","La Gardienne des Clés","L'Epée-Soleil","La Forteresse invisible","La Marque des Bannis","La Couronne d'Ogotaï","Géants","La Cage","Arachnéa","Le Mal bleu","Le Royaume sous le Sable","Le Barbare","Kriss de Valnor","Le Sacrifice","Moi, Jolan","Le bouclier de Thor","La bataille d'Asgard","Le bateau-sabre","Je n'oublie rien !","La sentence des Walkyries","Raïssa");

// à faire un jour...
//var albums_k=new Array ("","Je n'oublie rien !","La sentence des Walkyries");
//var albums_l=new Array ("","Raïssa");
//var albums_j=new Array ("","Les trois soeurs Mikelsonn");

var ligne=new Array;
ligne[1]='<div style="width:104;background-color:black;"><a href="thorgal_cycles_01.php" onmouseover="titre(1);self.status=albums[1];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign1" src="images/albums/01mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_02.php" onmouseover="titre(2);self.status=albums[2];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign2" src="images/albums/02mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a></div>';
ligne[2]='<div style="width:52;background-color:black;"><a href="thorgal_cycles_03.php" onmouseover="titre(3);self.status=albums[3];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign3" src="images/albums/03mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a></div>';
ligne[3]='<div style="width:156;background-color:black;"><a href="thorgal_cycles_04.php" onmouseover="titre(4);self.status=albums[4];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign4" src="images/albums/04mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_05.php" onmouseover="titre(5);self.status=albums[5];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign5" src="images/albums/05mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_06.php" onmouseover="titre(6);self.status=albums[6];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign6" src="images/albums/06mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a></div>';
ligne[4]='<div style="width:52;background-color:black;"><a href="thorgal_cycles_07.php" onmouseover="titre(7);self.status=albums[7];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign7" src="images/albums/07mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a></div>';
ligne[5]='<div style="width:52;background-color:black;"><a href="thorgal_cycles_08.php" onmouseover="titre(8);self.status=albums[8];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign8" src="images/albums/08mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a></div>';
ligne[6]='<div style="width:260;background-color:black;"><a href="thorgal_cycles_09.php" onmouseover="titre(9);self.status=albums[9];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign9" src="images/albums/09mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_10.php" onmouseover="titre(10);self.status=albums[10];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign10" src="images/albums/10mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_11.php" onmouseover="titre(11);self.status=albums[11];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign11" src="images/albums/11mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_12.php" onmouseover="titre(12);self.status=albums[12];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign12" src="images/albums/12mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_13.php" onmouseover="titre(13);self.status=albums[13];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign13" src="images/albums/13mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a></div>';
ligne[7]='<div style="width:52;background-color:black;"><a href="thorgal_cycles_14.php" onmouseover="titre(14);self.status=albums[14];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign14" src="images/albums/14mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a></div>';
ligne[8]='<div style="width:156;background-color:black;"><a href="thorgal_cycles_15.php" onmouseover="titre(15);self.status=albums[15];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign15" src="images/albums/15mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_16.php" onmouseover="titre(16);self.status=albums[16];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign16" src="images/albums/16mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_17.php" onmouseover="titre(17);self.status=albums[17];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign17" src="images/albums/17mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a></div>';
ligne[9]='<div style="width:312;background-color:black;"><a href="thorgal_cycles_18.php" onmouseover="titre(18);self.status=albums[18];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign18" src="images/albums/18mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_19.php" onmouseover="titre(19);self.status=albums[19];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign19" src="images/albums/19mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_20.php" onmouseover="titre(20);self.status=albums[20];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign20" src="images/albums/20mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_21.php" onmouseover="titre(21);self.status=albums[21];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign21" src="images/albums/21mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_22.php" onmouseover="titre(22);self.status=albums[22];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign22" src="images/albums/22mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_23.php" onmouseover="titre(23);self.status=albums[23];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign23" src="images/albums/23mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a></div>';
ligne[10]='<div style="width:156;background-color:black;"><a href="thorgal_cycles_24.php" onmouseover="titre(24);self.status=albums[24];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign24" src="images/albums/24mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_25.php" onmouseover="titre(25);self.status=albums[25];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign25" src="images/albums/25mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_26.php" onmouseover="titre(26);self.status=albums[26];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign26" src="images/albums/26mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a></div>';
ligne[11]='<div style="width:156;background-color:black;"><a href="thorgal_cycles_27.php" onmouseover="titre(27);self.status=albums[27];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign27" src="images/albums/27mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_28.php" onmouseover="titre(28);self.status=albums[28];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign28" src="images/albums/28mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_29.php" onmouseover="titre(29);self.status=albums[29];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign29" src="images/albums/29mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a></div>';
ligne[12]='<div style="width:156;background-color:black;"><a href="thorgal_cycles_30.php" onmouseover="titre(30);self.status=albums[30];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign30" src="images/albums/30mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_31.php" onmouseover="titre(31);self.status=albums[31];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign31" src="images/albums/31mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_32.php" onmouseover="titre(32);self.status=albums[32];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign32" src="images/albums/32mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a></div>';
ligne[13]='<div style="width:52;background-color:black;"><a href="thorgal_cycles_33.php" onmouseover="titre(33);self.status=albums[33];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign33" src="images/albums/33mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a></div>';

ligne[14]='<div style="width:104;background-color:black;"><a href="thorgal_cycles_k01.php" onmouseover="titre(34);self.status=albums[34];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign34" src="images/albums/k01mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a><a href="thorgal_cycles_k02.php" onmouseover="titre(35);self.status=albums[35];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign35" src="images/albums/k02mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a></div>';

ligne[15]='<div style="width:52;background-color:black;"><a href="thorgal_cycles_l01.php" onmouseover="titre(36);self.status=albums[36];return true" onmouseout="titre(0)" onfocus="blur();"><img id="vign36" src="images/albums/l01mini.jpg" width="50" height="68" style="border:solid black 1px;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;"></a></div>';

function placer(qui){
pl.albpage=qui;
pl.cycle=cycle_nb[qui];
c_nav("titre").innerHTML='<font color="#993300">'+cycles[pl.cycle]+'</font>';
c_nav("contenu").innerHTML=ligne[pl.cycle];
pl.albqui=qui;
titre(0);
}

function titre(alb){
if(alb>0){pl.albqui=alb;}
if(alb==0&&pl.albqui!=pl.albpage){var vign_op=60;}else{var vign_op=100;}
c_opacity("vign"+pl.albqui,vign_op);
c_nav("titre").innerHTML=albums[alb];
if(alb==0)c_nav("titre").innerHTML='<font color="#993300">'+cycles[pl.cycle]+'</font>';
}

function bouge(i){
if(i==0)pl.cycle--;
if(pl.cycle==0)pl.cycle=15;
if(i==1)pl.cycle++;
if(pl.cycle==16)pl.cycle=1;
c_nav("contenu").innerHTML=ligne[pl.cycle];
c_nav("titre").innerHTML='<font color="#993300">'+cycles[pl.cycle]+'</font>';
if(pl.cycle==cycle_nb[pl.albpage]){titre(pl.albpage);titre(0);}
if(pl.cycle>=14){
	c_nav("bandeaucycles").style.background="url('images/cycles/bandeaubg2.gif') no-repeat left bottom";
	c_nav("cyclesgd").style.background="url('images/cycles/cyclesgd2.gif')";
	c_nav("apres").src='images/cycles/cyclesd2.jpg';
	c_nav("general").style.background="url('images/cycles/bandeauangle2.gif') no-repeat left bottom";
}else{
	c_nav("bandeaucycles").style.background="url('images/cycles/bandeaubg.gif') no-repeat left bottom";
	c_nav("cyclesgd").style.background="url('images/cycles/cyclesgd.gif')";
	c_nav("apres").src='images/cycles/cyclesd.jpg';
	c_nav("general").style.background="url('images/cycles/bandeauangle.gif') no-repeat left bottom";
}
}

pl=new Object;
pl.foc=1;

var lestitres=new Array("","L'album","L'histoire","A propos...","Le héros","La scène","La phrase","Les planches","Les titres","Le coffret","Couleurs directes","La Légende","Le scénario","Edition luxe");

var lestailles=new Array(0);
var y_scroll=new Array;
var y_partie=new Array;
var y_scrollbak=new Array;
var y_partiebak=new Array;
//
// Initialisation des variables (taille écran, etc.)
//
function taille(combien){
pl.ecrantaille=document.body.clientHeight-220;
for(i=1;i<=combien;i++){
	if(c_nav("partie"+i).offsetHeight){lestailles[i]=c_nav("partie"+i).offsetHeight+5;}else{lestailles[i]=c_nav("partie"+i).style.pixelHeight+5;}
	c_nav("partie"+i).style.height=pl.ecrantaille;
	y_scroll[i]=22;
	y_partie[i]=0;
	y_scrollbak[i]=22;
	y_partiebak[i]=0;	
}
if(lestailles[1]<350)lestailles[1]=350;
if(lestailles[1]>=371&&lestailles[1]>pl.ecrantaille)lestailles[1]=pl.ecrantaille;
c_top("rubmenu",140+(document.body.clientHeight-220-170)/2);
c_nav("rubmenu").style.visibility='visible';
c_nav("scrolldiv").style.height=pl.ecrantaille;
}

pl.tt=0;
pl.qui=1;
function p_montrer(qui,combien,tit){
for(i=1;i<=combien;i++){c_nav("partie"+i).style.visibility="hidden";}
c_nav("partie"+qui).style.visibility="visible";
c_nav("rubtexte").innerHTML=lestitres[tit];
var fle=tit;
if(fle>8)fle=8;
c_nav("rubfleche").src='images/cycles/f'+fle+'.gif';
if(pl.tt==0&&tit==6)phrase(0);
pl.partietaille=lestailles[qui];
if(tit==6)pl.partietaille=pl.ecrantaille;
pl.scrolltaille=Math.floor((pl.ecrantaille-22)*(pl.ecrantaille-22)/pl.partietaille);
if(pl.ecrantaille>=pl.partietaille){
	c_nav("sh").style.visibility="hidden";c_nav("sh2").style.visibility="hidden";
	c_nav("scrollbarre").style.visibility="hidden";
	c_nav("scrolldiv").style.visibility="hidden";
	c_nav("sb").style.visibility="hidden";c_nav("sb2").style.visibility="hidden";
}else{
	c_nav("scroll_mm").style.height=pl.scrolltaille+"px";
	c_nav("scrollbarre").style.height=(pl.scrolltaille+22)+"px";
	c_nav("sh").style.visibility="visible";c_nav("sh2").style.visibility="visible";
	c_nav("scrollbarre").style.visibility="visible";
	c_nav("scrolldiv").style.visibility="visible";
	c_nav("sb").style.visibility="visible";c_nav("sb2").style.visibility="visible";
	c_top("scrollbarre",y_scroll[qui]+140);
}
pl.qui=qui;
}

//
// Fonctions d'affichage des planches
//
function onoff_planche(qui,quoi){
if(pl.foc==qui)return;
c_opacity("pl"+qui,quoi);
}

function change_planche(qui,alb,w,h,nb){
pl.foc=qui;
for(i=1;i<=nb;i++){onoff_planche(i,50);}
c_nav("planches").innerHTML='<img border="1" src="images/planches/'+alb+'_'+qui+'.jpg" width="'+w+'" height="'+h+'">';
}

//
// Fonction affichant la phrase
//
function phrase(ou){
var l_p=pl.laphrase.length;
var letexte=pl.laphrase.substr(0,ou)+"<span style='visibility:hidden'>"+pl.laphrase.substr(ou,l_p)+"</span></span>";
letexte=letexte.replace('%','<br>');
c_nav("aff_phrase").innerHTML=letexte.replace('@','<br><span class="moyen">');
if(ou==l_p){pl.tt=0;return;}else{pl.tt=setTimeout("phrase("+(ou+1)+")",50);}
}

//
// Fonction gérant le déplacement dans le 'sens' en fonction du 'morceau'
//
function sens_scroll(sens,morceau){
if(pl.partietaille<=pl.ecrantaille)return;
var diviseur=(pl.partietaille-pl.ecrantaille)/morceau;
var morceau_scroll=(pl.ecrantaille-pl.scrolltaille-22)/diviseur;
if (sens<0){
	if (sens!=-10)y_scroll[pl.qui]+=morceau_scroll;
	y_partie[pl.qui]-=morceau;
	if(y_scroll[pl.qui]>(pl.ecrantaille-pl.scrolltaille-11)||y_partie[pl.qui]<(pl.ecrantaille-pl.partietaille)){
		y_scroll[pl.qui]=pl.ecrantaille-pl.scrolltaille-11;
		y_partie[pl.qui]=pl.ecrantaille-pl.partietaille;
	}
}else{
	if (sens!=10)y_scroll[pl.qui]-=morceau_scroll;
	y_partie[pl.qui]+=morceau;
	if(y_scroll[pl.qui]<22||y_partie[pl.qui]>0){
		y_scroll[pl.qui]=22;
		y_partie[pl.qui]=0;
	}
}

// Mise en place à gérer avec un chrono
//c_top("scrollbarre",y_scroll[pl.qui]+140);
//c_top("partie"+pl.qui,y_partie[pl.qui]);
}

//
// Quand on clique au-dessus ou en dessous de la barre
//
function barre_scroll(bouge){
var y=y_scroll[pl.qui]+140;
if(thor.ym<y)c_nav("scroll_mh").style.visibility="visible";
if(thor.ym>y)c_nav("scroll_mb").style.visibility="visible";
if(bouge==1){
	if(thor.ym<y)sens_scroll(1,pl.ecrantaille);
	if(thor.ym>y)sens_scroll(-1,pl.ecrantaille);
	setTimeout("barre_scroll_on()",500);}
}

//
// Quand on utilise la roulette de la souris
//
function roulette(event){
        var sens = 0;
        if (!event)event=window.event;
        if (event.wheelDelta){sens=event.wheelDelta/120;}else if(event.detail){sens=-event.detail/3;}
        if (sens)sens_scroll(sens,32);
//	if (event.preventDefault)event.preventDefault();	// Ces deux lignes permettent de bloquer l'utilisation 'normale' de la molette
//	event.returnValue = false;				// Ces deux lignes permettent de bloquer l'utilisation 'normale' de la molette
}

//
// Quand on appuie sur les touches de déplacement du clavier
//
function clavier(event){
var sens = 0;
if(!event)event=window.event;
//	if(event.preventDefault)event.preventDefault();	// Ces deux lignes permettent de bloquer l'utilisation 'normale' du clavier
//	event.returnValue = false;			// Ces deux lignes permettent de bloquer l'utilisation 'normale' du clavier
var touche=window.event ? event.keyCode : event.which;
if(touche==38)sens_scroll(1,32);
if(touche==40)sens_scroll(-1,32);
if(touche==33)sens_scroll(1,pl.ecrantaille);
if(touche==34)sens_scroll(-1,pl.ecrantaille);
if(touche==36)sens_scroll(1,pl.partietaille);
if(touche==35)sens_scroll(-1,pl.partietaille);
if(touche==37)bouge(0);
if(touche==39)bouge(1);
}

if(window.addEventListener){window.addEventListener('DOMMouseScroll', roulette, false);}
window.onmousewheel = document.onmousewheel = roulette;
document.onkeydown = clavier;

//
// Quand on clique sur les boutons haut ou bas
//
function scroll_click(sens){
sens_scroll(sens,64);
if(pl.sc_on==1)setTimeout("scroll_click("+sens+")",50);
}

//
// Quand on clique au-dessus ou en dessous de la barre et qu'on maintient
//
function barre_scroll_on(e){
if(pl.sc_on==0)return false;

y_scroll[pl.qui]=(thor.ym-(pl.scrolltaille/2))-140;

if(y_scroll[pl.qui]>(pl.ecrantaille-pl.scrolltaille-11)){y_scroll[pl.qui]=pl.ecrantaille-pl.scrolltaille-11;}
if(y_scroll[pl.qui]<0){y_scroll[pl.qui]=0;}

var morceau=(y_scroll[pl.qui]-y_scrollbak[pl.qui])*(pl.partietaille-pl.ecrantaille)/(pl.ecrantaille-pl.scrolltaille-11);
if(morceau<0){var sens=10;}else{var sens=-10;}
sens_scroll(sens,Math.abs(morceau));
return false;
}

//
// Quand on clique sur la barre
//
function barre_on_debut(e){
m_position(e);
pl.depart=c_nav("scrollbarre").style.top;
pl.ecart=thor.ym-parseInt(pl.depart);

document.onmousemove=barre_on_bouge;
document.onmouseup=barre_on_fin;
return false;
}

//
// Quand on clique sur la barre et qu'on la déplace
//
function barre_on_bouge(e){
m_position(e);

y_scroll[pl.qui]=(thor.ym-pl.ecart)-140;
if(y_scroll[pl.qui]>(pl.ecrantaille-pl.scrolltaille-11)){pl.scroll=pl.ecrantaille-pl.scrolltaille-11;}
if(y_scroll[pl.qui]<0){y_scroll[pl.qui]=0;}

var morceau=(y_scroll[pl.qui]-y_scrollbak[pl.qui])*(pl.partietaille-pl.ecrantaille)/(pl.ecrantaille-pl.scrolltaille-11);
if(morceau<0){var sens=10;}else{var sens=-10;}
sens_scroll(sens,Math.abs(morceau));
y_scrollbak[pl.qui]=y_scroll[pl.qui];
return false;
}

//
// Quand on relâche la barre
//
function barre_on_fin(){
document.onmousemove=null;
document.onmouseup=null;
c_nav('scroll_mh').style.visibility='hidden';
c_nav('scroll_mb').style.visibility='hidden';
c_nav('scroll_mm').style.visibility='hidden';
}

//
// Animations (dont déplacement de la barre)
//
function anim(){
var yp=y_partie[pl.qui]-y_partiebak[pl.qui];var ys=y_scroll[pl.qui]-y_scrollbak[pl.qui];
c_top("scrollbarre",Math.round(y_scrollbak[pl.qui]+140+(ys/5)));
c_top("partie"+pl.qui,Math.round(y_partiebak[pl.qui]+(yp/5)));
y_scrollbak[pl.qui]=Math.round(y_scrollbak[pl.qui]+(ys/5));
y_partiebak[pl.qui]=Math.round(y_partiebak[pl.qui]+(yp/5));

setTimeout("anim()",40)
}
