var hauteur;
var vitesse_defil;
var debut;  
var font;
var font_size;
var NB_ITEMS;
var POSMAX_DROITE
var INTERVAL;
var POS_GAUCHE;
var longueur;
var waitaller;
var waitretour;
var fond;
var titre;
var lien;
var txtlien;
var color_text;
var contour_color;
var fix;
var fixtt;

function getWindowHeight()
{
	if (parseInt(navigator.appVersion)>3) {
	 if (navigator.appName=="Netscape") {
	  winW = window.innerWidth;
	  winH = window.innerHeight;
	 }
	 if (navigator.appName.indexOf("Microsoft")!=-1) {
	  winW = document.body.offsetWidth;
	  winH = document.body.offsetHeight;
	 }
	}
return winH;
}
function menuGauche() 
{
	if (getWindowHeight()>600)
	{
		var div1 = document.getElementById("som").style;
		if (navigator.appName=="Microsoft Internet Explorer") 
			offsety = document.body.scrollTop;
		else 
			offsety = window.pageYOffset;
		div1.top=offsety;
		tempo = setTimeout("menuGauche()",25);
	}
}

function initial()
{
hauteur=20;
vitesse_defil=1;
debut=180;  
font="Verdana";
font_size=15;
NB_ITEMS=11;
POSMAX_DROITE=0;
INTERVAL=(hauteur+4)+4;
POS_GAUCHE=new Array(NB_ITEMS);
longueur=new Array(NB_ITEMS);
waitaller = new Array(NB_ITEMS);//pas toucher
waitretour= new Array(NB_ITEMS);//pas toucher
fond= new Array(NB_ITEMS);//pas toucher -> tableau qui definit le fond (voir plus bas)
titre= new Array(NB_ITEMS);//pas toucher -> tableau qui definit le petit txt present kan on laisse la souris dessus(voir plus bas)
lien= new Array(NB_ITEMS);  //pas toucher -> chemin du lien ( page cible )(voir plus bas)
txtlien= new Array(NB_ITEMS);//pas toucher -> txt qui representera le lien(voir plus bas)
color_text=new Array(NB_ITEMS);//pas toucher -> couleur du text(voir plus bas)
contour_color= new Array(NB_ITEMS);//pas toucher -> contour de l'item(voir plus bas)
fix=new Array(NB_ITEMS);//pas toucher -> sert a pouvoir fixer les items(voir plus bas)
fix[0]=0;fix[1]=0;fix[2]=0;fix[3]=0; //zero car les items sont vides, il faut un fix pour chaque item -->donc oublies pas!!
fix[4]=0;fix[5]=0;fix[6]=0;fix[7]=0;fix[8]=0; fix[9]=0; fix[10]=0;   
fixtt=0;

fond[0]="";titre[0]="Accueil.";lien[0]="index.php";txtlien[0]="taccueil.jpg";contour_color[0]="";
fond[1]="";titre[1]="Nos locaux.";lien[1]="locaux.php";txtlien[1]="tnoslocaux.jpg";contour_color[1]="";
fond[2]="";titre[2]="Les cours.";lien[2]="les_cours.php";txtlien[2]="tlescours.jpg";contour_color[2]="";
fond[3]="";titre[3]="Les infos du club.";lien[3]="le_club.php";txtlien[3]="tinfos.jpg";contour_color[3]="";
fond[4]="";titre[4]="Résultats sportifs.";lien[4]="resultats.php";txtlien[4]="tresultats.jpg";contour_color[4]="";
fond[5]="";titre[5]="Le Bureau.";lien[5]="le_bureau.php";txtlien[5]="tbureau.jpg";contour_color[5]="";
fond[6]="";titre[6]="Le Journal.";lien[6]="le_journal.php";txtlien[6]="tjournal.jpg";contour_color[6]="";
fond[7]="";titre[7]="Le Judo.";lien[7]="judo.php";txtlien[7]="tjudo.jpg";contour_color[7]="";
fond[8]="";titre[8]="Les produits du club.";lien[8]="produits.php";txtlien[8]="tproduits.jpg";contour_color[8]="";
fond[9]="";titre[9]="L'Aïkido.";lien[9]="aikido.php";txtlien[9]="taikido.jpg";contour_color[9]="";
fond[10]="";titre[10]="Nos Liens.";lien[10]="Nos_liens.php";txtlien[10]="tliens.jpg";contour_color[10]="";

longueur[0]=180;longueur[1]=180;longueur[2]=180;longueur[3]=180;longueur[4]=180;longueur[5]=180;longueur[6]=180;
longueur[7]=180;longueur[8]=180;longueur[9]=180;longueur[10]=180;


//fond[0]="";titre[0]="Les Infos du club.";lien[0]="le_club.php";txtlien[0]="binfos.gif";contour_color[0]="";
//fond[1]="";titre[1]="Le Judo.";lien[1]="judo.php";txtlien[1]="bjudo.gif";contour_color[1]="";
//fond[2]="";titre[2]="Le Ju-Jitsu.";lien[2]="jujitsu.php";txtlien[2]="bjujitsu.gif";contour_color[2]="";
//fond[3]="";titre[3]="Aikido.";lien[3]="aikido.php";txtlien[3]="baikido.gif";contour_color[3]="";
//fond[4]="";titre[4]="Les Cours.";lien[4]="les_cours.php";txtlien[4]="bcours.gif";contour_color[4]="";
//fond[5]="";titre[5]="Résultats Sportifs.";lien[5]="resultats.php";txtlien[5]="bresult.gif";contour_color[5]="";
//fond[6]="";titre[6]="Le Bureau.";lien[6]="le_bureau.php";txtlien[6]="bburo.gif";contour_color[6]="";
//fond[7]="";titre[7]="Nos Liens.";lien[7]="Nos_liens.php";txtlien[7]="bliens.gif";contour_color[7]="";
//fond[8]="";titre[8]="Accueil.";lien[8]="index.php";txtlien[8]="baccueil.gif";contour_color[8]="";
//fond[9]="";titre[9]="Journal du club.";lien[9]="Journaux_public.php";txtlien[9]="bjournaux.gif";contour_color[9]="";
//longueur[0]=180;longueur[1]=180;longueur[2]=180;longueur[3]=180;longueur[4]=180;longueur[5]=180;longueur[6]=180;longueur[7]=180;longueur[8]=180;longueur[9]=180;

for(i=0;i<NB_ITEMS;i++)
POS_GAUCHE[i]=((longueur[i]-25)*(-1));
}

function menu()
{
initial();
	var i=0;
	document.write("<div id='som' style='position:absolute;z-index:0;left:0;top:0;height:500;width:191;'> ");        
	for (i=0;i<NB_ITEMS;i++)
	{
		document.write("<div title='"+titre[i]+"' id='item"+i+"' onMouseOver='droite("+i+")' onClick='fixe("+i+")' onMouseOut='gauche("+i+")' style='position:absolute;z-index:8;left:"+POS_GAUCHE[i]+";top:"+(debut+INTERVAL*i)+";border:0px solid "+contour_color[i]+";background-color:"+fond[i]+";height:"+hauteur+";width:"+(longueur[i]+5)+";font-size:"+font_size+";font-face:"+font+";font-color:"+color_text[i]+"'>");
		document.write("<a href='"+lien[i]+"'><img border='0' src='/img/"+txtlien[i]+"'></a></div>");
	}
	document.write("<div id='separ' OnClick='fixtout()' style='position:absolute;left:30;top:"+debut+";'>");
	document.write("<img height='"+(NB_ITEMS*1.4*hauteur)+"' src='/img/separateur1.gif'></div>");

	document.write("<div id='encar' style='position:absolute;z-index:1;left:10;top:30;cursor:pointer' onclick=\"document.location.href='index.php'\"><table width='100%' height='116' bgcolor='#F2F2F2' style='border: solid 1px #5870d8;' cellpadding='0' cellspacing='0'><tr><td height='110'><p align='center'><b class='color1' style='font-size:20px'>Le WALLABY</b><br><b class='color2'>Club d'arts Martiaux de Villers-Bretonneux</b></p></td></tr></table></div>");


	document.write("</div>");
}

function droite( i )
{
	if (fix[i]==0)          
	{
		clearTimeout(waitretour[i]);
		if (parseInt(document.getElementById("item"+i).style.left)<POSMAX_DROITE)
		{
			document.getElementById("item"+i).style.left=parseInt(document.getElementById("item"+i).style.left)+vitesse_defil;
			document.getElementById("separ").style.left=parseInt(document.getElementById("separ").style.left)+vitesse_defil;
			waitaller[i]=setTimeout('droite('+i+')',3);
		}
	}
}
function gauche( i )
{
	if (fix[i]==0)          
	{
		clearTimeout(waitaller[i]);
		if (parseInt(document.getElementById("item"+i).style.left)>POS_GAUCHE[i])
		{
			document.getElementById("item"+i).style.left=parseInt(document.getElementById("item"+i).style.left)-vitesse_defil;
			document.getElementById("separ").style.left=parseInt(document.getElementById("separ").style.left)-vitesse_defil;
			waitretour[i]=setTimeout('gauche('+i+')',1);
		}
	}
}
function fixe( i ) 
{ 
	if (fix[i]) 
	{
		fix[i]=0;
		gauche(i);
	}
	else 
	{
		fix[i]=1; 
		document.getElementById("item"+i).style.left=POSMAX_DROITE;
	}
}
function fixtout()
{
	if (fixtt==0)
	{
		for(i=0;i<NB_ITEMS;i++)
		{
			fix[i]=1; 
			document.getElementById("item"+i).style.left=POSMAX_DROITE;
	
		}
		document.getElementById("separ").style.left=190;
		fixtt=1;
	}
	else
	{
		for(i=0;i<NB_ITEMS;i++)
		{
			fix[i]=0; 
			document.getElementById("item"+i).style.left=POS_GAUCHE[i];
	
		}
		document.getElementById("separ").style.left=30; 
		fixtt=0;
	}
}