document.write('<STYLE TYPE=text/css>');
document.write('.menu_styl {font-size:12px;font-family:Verdana;color:#FFFF22;text-decoration:none;}');
document.write('</STYLE>');


largeur = 150;
hauteur = 250;
coulfond = '#33BBAA';

/* Liste des menus */

menu = new Array;

menu[0] = 'EFEE';
menu[1] = 'Ressources';
menu[2] = 'Formations';
menu[3] = 'Coordonnées';
menu[4] = 'Recherche';
menu[5] = 'Quoi de neuf ?';


/* Liens */

lien = new Array;

lien[0] = ''
lien[1] = ''
lien[2] = ''
lien[3] = ''
lien[4] = ''
lien[5] = ''
lien[0] += '- <A HREF="/main/index1.htm" CLASS=menu_styl TARGET="principal">Intro</A><BR>';
lien[0] += '- <A HREF="/main/Qui.htm" CLASS=menu_styl TARGET="principal">Qui sommes nous ?</A><BR>';
lien[0] += '- <A HREF="/main/mission.htm" CLASS=menu_styl TARGET="principal">Notre mission...</A><BR>';
lien[0] += '- <A HREF="/main/activites.htm" CLASS=menu_styl TARGET="principal">Nos activités...</A><BR>';
lien[1] += '- <A HREF="/outilspdg/bon_cmde.htm" CLASS=menu_styl TARGET="principal">Bon de commande</A><BR>';
lien[1] += '- <A HREF="/outilspdg/cat_det.htm" CLASS=menu_styl TARGET="principal">Catalogue détaillé</A><BR>';
lien[1] += '- <A HREF="/outilspdg/online.htm" CLASS=menu_styl TARGET="principal">Outils en ligne</A><BR>';
lien[2] += '- <A HREF="/formations/formations2004.htm" CLASS=menu_styl TARGET="principal">Année Scolaire 2004/2005</A><BR>';
lien[2] += '- <A HREF="/formations/formations2005.htm" CLASS=menu_styl TARGET="principal">Année Scolaire 2005/2006</A><BR>';
lien[2] += '- <A HREF="/formations/formations0607.pdf" CLASS=menu_styl TARGET="principal">Année Scolaire 2006/2007</A><BR>';
lien[2] += '- <A HREF="/formations/formations0708.htm" CLASS=menu_styl TARGET="principal">Année Scolaire 2007/2008</A><BR>';
lien[2] += '- <A HREF="/formations/formations0809_V2807.pdf" CLASS=menu_styl TARGET="principal">Année Scolaire 2008/2009</A><BR>';
lien[2] += '- <A HREF="/formations/formulaire.htm" CLASS=menu_styl TARGET="principal">Inscription</A><BR>';
lien[3] += '- <A HREF="/main/coord.htm" CLASS=menu_styl TARGET="principal">Nos coordonnées</A><BR>';
lien[4] += '- <A HREF="http://www.google.be/advanced_search?hl=fr&as_sitesearch=www.efee.be" CLASS=menu_styl TARGET="principal">Recherchez sur EFEE avec Google</A><BR>';
lien[5] += '- <A HREF="/main/quoideneuf.htm" CLASS=menu_styl TARGET="haut">Du neuf à l\'EFEE</A><BR>';

function d(texte)
	{
	document.write(texte);
	}

d('<DIV ID=prelativ STYLE="position:relative;width:'+largeur+';height:'+hauteur+'">');
d('<DIV ID=cadre STYLE="position:absolute;width:'+(largeur-8)+';height:'+(hauteur-8)+';top:4;left:4;clip:rect(0 '+(largeur-8)+' '+(hauteur-8)+' 0)">');
d('<div id=scroll_1 style="position:absolute;width:'+(largeur-8)+';left:0;top:0;" CLASS=menu_styl>Chargement du menu ...</DIV>');
d('<div id=scroll_2 style="position:absolute;width:'+(largeur-8)+';top:0;left:'+largeur+';" CLASS=menu_styl></DIV>');
d('</DIV></DIV>');

mode = 1;
actuel = 0;

function menu_show(menuon)
	{
	if(menuon == "menu")
		{
	 	var html = "<TABLE BORDER=1 BORDERCOLOR=black WIDTH=100% CELLSPACING=0 BGCOLOR="+coulfond+">";
		for(a=0;a<menu.length;a++)
			{
			html += '<TR><TD><A HREF=# onClick=\'menu_show('+a+');return(false)\' CLASS=menu_styl>'+menu[a]+'</A></TD></TR>';
			}
		html += "</TABLE>";
		document.getElementById("scroll_1").innerHTML = html;
		if(mode == 2)
			action(1);
		}
	else
		{
		var html = "<TABLE HEIGHT="+(hauteur-15)+" BORDER=1 BORDERCOLOR=black WIDTH=100% CELLSPACING=0 BGCOLOR="+coulfond+"><TR><TD HEIGHT=20 ALIGN=center CLASS=menu_styl>"+menu[menuon]+"</TD></TR><TR><TD HEIGHT="+(hauteur-55)+" VALIGN=top CLASS=menu_styl>"+lien[menuon]+"</TD></TR><TR><TD HEIGHT=20 CLASS=menu_styl>&lt; <A HREF=# onClick='menu_show(\"menu\");return(false)' CLASS=menu_styl>Retour</A></TD></TR></TABLE>";
		document.getElementById("scroll_2").innerHTML = html;
		if(mode == 1)
			action(2);
		}
	}
curseur = largeur;

function action(naction)
	{
	if(naction == 2)
		{
		if(curseur>0)
			{
			curseur -= 10;
			document.getElementById("scroll_1").style.left = curseur-largeur;
			document.getElementById("scroll_2").style.left = curseur;
			setTimeout("action("+naction+")",1);
			mode = 2;
			}
		}
	else
		{
		if(curseur<largeur)
			{
			curseur += 10;
			document.getElementById("scroll_1").style.left = curseur-largeur;
			document.getElementById("scroll_2").style.left = curseur;
			setTimeout("action("+naction+")",1);
		mode = 1;
			}
		}
	}

window.onload = new Function("menu_show('menu')");