//Magic Menu V2.1.1 - http://www.ToutJavaScript.com/magicmenu
var main=""; function CREERMAGIC() {
main=new CreerMain(30,0,8);
m1=new CreerMenu("m1",0,"");main.Add("Technique",70,"m1","");m2=new CreerMenu("m2",1,"");m1.add("Huile","",m2,"");m2.add("sur Toile","http://spybel.asp-hebergement.com/TYPE.asp?lg=1&numdef=1","","CENTRE");m2.add("sur Bois","http://spybel.asp-hebergement.com/TYPE.asp?lg=1&numdef=2","","CENTRE");m2.add("Autre Support","http://spybel.asp-hebergement.com/TYPE.asp?lg=1&numdef=3","","CENTRE");m1.add("Aquarelle","http://spybel.asp-hebergement.com/TYPE.asp?lg=1&numdef=4","","CENTRE");m1.add("Gravure","http://spybel.asp-hebergement.com/TYPE.asp?lg=1&numdef=6","","CENTRE");m1.add("Gouache","http://spybel.asp-hebergement.com/TYPE.asp?lg=1&numdef=5","","CENTRE");m3=new CreerMenu("m3",0,"");main.Add("Budget",70,"m3","");m3.add("Mini.....","http://spybel.asp-hebergement.com/price.asp?lg=1&price1=1&price2=50","","CENTRE");m4=new CreerMenu("m4",1,"");m3.add("Midi.....","",m4,"CENTRE");m4.add("=> 100 €","http://spybel.asp-hebergement.com/price.asp?lg=1&price1=50&price2=100","","CENTRE");m4.add("=> 250 €","http://spybel.asp-hebergement.com/price.asp?lg=1&price1=100&price2=250","","CENTRE");m5=new CreerMenu("m5",1,"");m3.add("Maxi......","",m5,"CENTRE");m5.add("=> 500 €","http://spybel.asp-hebergement.com/price.asp?lg=1&price1=250&price2=500","","CENTRE");m5.add(">  500 €","http://spybel.asp-hebergement.com/price.asp?lg=1&price1=500&price2=20000","","CENTRE");m3.add("Votre Budget ?","","","");m6=new CreerMenu("m6",0,"");main.Add("Sélection",110,"m6","");m6.add("Nouveautés","http://spybel.asp-hebergement.com/NEW4.asp?lg=1","","CENTRE");m6.add("Tout Voir","http://spybel.asp-hebergement.com/TOUOBJET.asp?lg=1","","CENTRE");m6.add("Les Peintres","http://spybel.asp-hebergement.com/SGN2.asp","","CENTRE");m6.add("Promotions","http://spybel.asp-hebergement.com/PROMO2.asp?lg=1","","CENTRE");m7=new CreerMenu("m7",0,"");main.Add("Galeries à Thémes",120,"m7","");m8=new CreerMenu("m8",1,"");m7.add("Paysage","http://spybel.asp-hebergement.com/THEME.asp?lg=1&numth=7",m8,"CENTRE");m8.add("Animé","http://spybel.asp-hebergement.com/THEME.asp?lg=1&numth=5","","CENTRE");m8.add("de Neige","http://spybel.asp-hebergement.com/THEME.asp?lg=1&numth=3","","CENTRE");m8.add("Vue de Ville","http://spybel.asp-hebergement.com/THEME.asp?lg=1&numth=6","","CENTRE");m8.add("Riviére et Lac","http://spybel.asp-hebergement.com/THEME.asp?lg=1&numth=2","","CENTRE");m9=new CreerMenu("m9",1,"");m7.add("Portraits et Animaux","",m9,"");m9.add("Portraits","http://spybel.asp-hebergement.com/THEME.asp?lg=1&numth=5","","CENTRE");m9.add("Animaliers","http://spybel.asp-hebergement.com/THEME.asp?lg=1&numth=9","","CENTRE");m7.add("Marines","http://spybel.asp-hebergement.com/THEME.asp?lg=1&numth=1","","CENTRE");m7.add("Natures Mortes","http://spybel.asp-hebergement.com/THEME.asp?lg=1&numth=4","","CENTRE");m10=new CreerMenu("m10",0,"");main.Add("Ma Commande",100,"m10","");m10.add("En cours","http://spybel.asp-hebergement.com/caddie.asp","","CENTRE");m10.add("Comment ça marche ?","http://spybel.asp-hebergement.com/commentcamarche.htm","","CENTRE");m11=new CreerMenu("m11",0,"");main.Add("Divers",100,"m11","");m12=new CreerMenu("m12",1,"");m11.add("Cadres","",m12,"");m12.add("Anciens","http://spybel.asp-hebergement.com/FRAME.asp","","CENTRE");m12.add("Sur Mesure","http://spybel.asp-hebergement.com/cadre.htm","","CENTRE");m11.add("Contact","http://spybel.asp-hebergement.com/contact.asp","","CENTRE");m11.add("Spybel ?","http://spybel.asp-hebergement.com/spybel.htm","","CENTRE");m11.add("Recherche","rhttp://spybel.asp-hebergement.com/echerche_moteur.htm","","CENTRE");} CREERMAGIC();var font="arial ";var colBarre="#004080";var colFond="#004080";var colContour="gray";var colOver="#004080";var colTextOff="yellow"; var colTextOn="white";var cssTexte=";font-weight:bold;color:yellow;font-family:arial ;font-size:12px";var hauteur=8;var nivmax=4;var delai=50;var isout=0;
function CreerMain(X,Y,haut,colFOn,colFOff,colTOn,colTOff) {this.nb=0;this.X=X;this.Y=Y;this.haut=haut;this.Add=AddMain;this.Print=PrintMain;}
function AddMain(txt,larg,mnu,url,target) {var m=new Object; m.txt=txt;m.larg=larg,m.mnu=mnu,m.url=url;m.target=target;this.nb++;this[this.nb]=m;if(mnu!=''){eval(mnu+'.parent="'+txt+'"')};}
function PrintMain() {
var larg=0;	for (i=1;i<=main.nb;i++) {larg+=main[i].larg+1;}
this.X=Math.round((mmgetlarg()-larg)/2);
	X=this.X; Y=this.Y; A="";
	for (var i=1;i<=this.nb;i++) {
 if (this[i].mnu==""){this[i].mnu='0';}
		if ((document.all)||(window.sidebar)) {
         var clic=""; var style=""; if(this[i].url!="") {style="cursor:hand;"; clic=" onclick='window.location=\""+this[i].url+"\"'";}
			A+="<DIV id='main"+i+"' style='position:absolute;left:"+X+";top:"+Y+";"+style+"width:"+this[i].larg+";height:"+this.haut+";background-color:"+colBarre+";"+cssTexte+";text-align:center' onmouseover='start("+i+","+this[i].mnu+","+X+","+(Y+this.haut+1)+")'"+clic+">"+this[i].txt+"</DIV>";
		}
		if (document.layers) {
	var txt=this[i].txt;if(this[i].url!="") {txt="<A href='"+this[i].url+"'>"+txt+"</A>";}
       A+="<LAYER name='main"+i+"' left="+X+" top="+Y+" width="+this[i].larg+" height="+this.haut+" bgcolor="+colBarre+"  onmouseover='start("+i+","+this[i].mnu+","+X+","+(Y+this.haut+1)+")'><CENTER><SPAN style='background-color:"+colBarre+cssTexte+"'>"+txt+"</SPAN></CENTER></LAYER>";
		}
		X+=this[i].larg+1;
	}
	document.write(A);
}
function CreerMenu(nom,niv,target) {this.nb=0; this.X=0;this.Y=0; this.width=1; this.niv=niv; this.parent=""; this.ON=-1;this.nom=nom;this.target=""; if ((target!="")&&(target!=null)) this.target=target;this.add=Add;this.aff=Aff;}
function Add(lib,lnk,mnu,target) {var rub = new Object;	rub.lib=lib; rub.target=target;	rub.lnk=""; if ((lnk!="")&&(lnk!=null)) rub.lnk=lnk; rub.mnu=""; if ((mnu!="")&&(mnu!=null)) {rub.mnu=mnu; mnu.parent=this}	this[this.nb]=rub;	this.nb++;}
function start(i,mnu,x,y) {
	isout=1;hideall(i);isout=0
x=parseInt(GetLeft("main"+i));
	if (mnu!=0){mnu.aff(x,y)};
	BGCalque("main"+i,colOver); FontCalque("main"+i,colTextOn); SizeCalque("fond",mmgetlarg()-x+20);
	MoveCalque("fond",x-50,y+1);
	ShowCalque("fond");
	return false;
}
function onfond() {
	isout=1;
	setTimeout("hideall()",delai);
}
function hideall(i) {
	if (isout==1) {
		for (var i=0;i<nivmax;i++) {HideCalque("niv"+i); HideCalque("fond");}
		for (var i=1;i<=main.nb;i++) {BGCalque("main"+i,colBarre); FontCalque("main"+i,colTextOff);}
	window.status="";MoveCalque("fond",1,1);
	}
}
function hide(mnu) {
	if (mnu.ON>-1) {
		if (mnu[mnu.ON].mnu!="") {
			var nom="niv"+mnu[mnu.ON].mnu.niv;
			HideCalque(nom);
			hide(mnu[mnu.ON].mnu);
		}
	}
	mnu.ON=-1;
}
function over(mnu,i) {
	var nom="niv"+mnu.niv+"n"+i;
	var nomtd=nom+"td";
	isout=0;
	BGCalque(nom,colOver);
	FontCalque(nomtd,colTextOn);
}
function out(mnu,i) {
	var nom="niv"+mnu.niv+"n"+i; 	var nomtd=nom+"td";
	if (mnu[i].lib!="-") {
		BGCalque(nom,colFond);
		FontCalque(nomtd,colTextOff)
	}
}
function clear(mnu) {
	  for (var j=0;j<mnu.nb;j++) {
	   out(mnu,j);
	   hide(mnu);
	}
}
function mmover(mnu,i) {
	clear(mnu);
	over(mnu,i);
	mnu.ON=i;
	if (mnu[i].mnu!="") {
		mnu[i].mnu.aff();
	}
var ok=1; var Y=""; var Z=mnu[i].lib; var u=mnu; while (u.niv>0) {Z=u.parent[u.parent.ON].lib+" > "+Z;u=u.parent;} Z=u.parent+" > "+Z;
for (var j=0;j<Z.length ;j++ ){
	if (Z.charAt(j)=="<") {ok=0;}
	if (ok==1) {Y+=Z.charAt(j) }
	if (Z.charAt(j)==">") {ok=1;}
}window.status=Y;
}
function mmclick(mnu) {
	lnk=mnu[mnu.ON].lnk;
	if (lnk!="") {
			if (mnu[mnu.ON].target=="_blank") {window.open(lnk)}
			else {
				if   (mnu[mnu.ON].target=="")	{window.location=lnk;}
				else {parent.frames[mnu[mnu.ON].target].location.href=lnk;}
			}
	}
}
function mmgetlarg() {if (document.layers){return parseInt(document.width)} else {return parseInt(document.body.offsetWidth)}}
var mmlarg=0;
function mmrepos() {
if (mmgetlarg()!=mmlarg){var larg=0;for (i=1;i<=main.nb;i++) {larg+=main[i].larg+1;}
var X=Math.round((mmgetlarg()-larg)/2);	main.X=X;MoveCalque("fond",X-1,main.Y)
for (i=1;i<=main.nb;i++) {MoveCalque("main"+i,X,main.Y);X+=main[i].larg+1;}}
mmlarg=mmgetlarg();	setTimeout("mmrepos()",1000);}
function AFF() {
var n=new Image; n.src="";var m=new Image; m.src="";	if ((document.all)||(window.sidebar)) {
var A="<DIV id='fond' style='position:absolute;top:10;left:100;width:500;height:400;visibility:hidden;font-family:"+font+"' onmouseover='onfond()'></DIV>";A+="<DIV id='niv0' style='position:absolute;top:10;left:100;visibility:visible;font-family:"+font+"'></DIV>";A+="<DIV id='niv1' style='position:absolute;top:10;left:100;visibility:visible;font-family:"+font+"'></DIV>";A+="<DIV id='niv2' style='position:absolute;top:10;left:100;visibility:visible;font-family:"+font+"'></DIV>";A+="<DIV id='niv3' style='position:absolute;top:10;left:100;visibility:visible;font-family:"+font+"'></DIV>";} else {var A="<LAYER name='fond' width=500 height=600 visibility=hide top=100 left=100 onmouseover='onfond()'>&nbsp;</LAYER>";A+="<LAYER name='niv0' top=200 left=200 visibility=show></LAYER>";A+="<LAYER name='niv1' top=200 left=200 visibility=show></LAYER>";A+="<LAYER name='niv2' top=200 left=200 visibility=show></LAYER>";A+="<LAYER name='niv3' top=200 left=200 visibility=show></LAYER>";}	document.write(A);main.Print();
setTimeout("mmrepos()",100);
}
function Aff(x,y) {
var nom=this.nom;	var niv="niv"+this.niv;
if (this.niv==0) {X=x;Y=y;}
else {X=this.parent.X+this.parent.width-7;Y=this.parent.Y+(hauteur+4)*this.parent.ON}if ((document.all)||(window.sidebar)) {
var A=""
A+="<TABLE border=0 cellpadding=0 cellspacing=0><TR><TD>"
A+="<TABLE border=0 cellpadding=0 cellspacing=0 style='border-color:"+colContour+";border-style:solid;border-width:1px'>";
for (var i=0;i<this.nb;i++) {
if (this[i].lib=="-") {
A+="<TR><TD style='background-color:"+colFond+";font-size:10px;border-style:none;margin:0px;height:"+(hauteur-2)+"px' colspan=2><DIV  style='background-color:"+colFond+";height:"+(hauteur+2)+"px'><HR noshade style='color:"+colContour+";height:1px'></DIV></TD></TR>"; 
} else {
var img="";if (this[i].mnu!="") { img=""}
A+="<TR><TD style='cssTexte;border-style:none;margin:0px'><DIV id='"+niv+"n"+i+"' style='cursor:hand;background-color:"+colFond+cssTexte+"'  onmouseover='mmover("+this.nom+","+i+")' onClick='mmclick("+this.nom+")'><TABLE border=0 width=100% cellspacing=0><TR><TD style='font-size:12px;padding-top:3px;padding-bottom:3px;padding-left:3px;'><DIV id='"+niv+"n"+i+"td' style='"+cssTexte+"'>"+this[i].lib+"</DIV></TD><TD width=10 align=right><IMG src='"+img+"' height='"+hauteur+"' width='"+hauteur+"'></TD></TR></TABLE></DIV></TD></TR>";
}
}
A+="</TABLE>"
A+="</TD><TD width=3 bgcolor=gray style='filter:alpha(opacity=30)'><IMG src='' width=2></TD><TD width=2 bgcolor=gray style='filter:alpha(opacity=15)'><IMG src='' width=2></TD></TR>";
A+="<TR><TD height=3 colspan=2 bgcolor=gray style='filter:alpha(opacity=30)'><IMG src='' height=3></TD></TR><TR><TD height=2 colspan=2 bgcolor=gray style='filter:alpha(opacity=15)'><IMG src='' height=2></TD></TR></TABLE>";
}else{
var A="<table border=0 cellspacing=0 cellpadding=1><tr><td bgcolor="+colContour+">";
A+="<TABLE border=0 cellpadding=0 cellspacing=0 bgcolor="+colFond+" width=100%>";
for (var i=0;i<this.nb;i++) {
if (this[i].lib=="-") {
A+="<TR><TD><HR width=99% height=1%></TD></TR>";
} else {
var img="";if (this[i].mnu!="") { img=""}
A+="<TR><TD><TABLE border=0 width=100% cellspacing=0><TR><TD><A href='javascript:mmclick("+this.nom+")' onmouseover='mmover("+this.nom+","+i+")'><SPAN style='background-color:"+colFond+cssTexte+"'>"+this[i].lib+"</SPAN></A></TD><TD width=10 align=right><IMG src='"+img+"' height="+hauteur+" width="+hauteur+"></TD></TR></TABLE></TD></TR>";
}
}
A+="</TABLE></TD</TR></TABLE>"
}
if (document.all) {document.all[niv].innerHTML=A+"&nbsp;";document.all[niv].style.top=Y;document.all[niv].style.left=X;document.all[niv].style.visibility="visible";this.X=X;this.Y=Y;this.width=document.all[niv].clientWidth;}
if (window.sidebar) {document.getElementById(niv).innerHTML=A;document.getElementById(niv).style.top=Y;document.getElementById(niv).style.left=X;document.getElementById(niv).style.visibility="visible";this.X=X;this.Y=Y;this.width=document.getElementById(niv).offsetWidth;}
if (document.layers) {document.layers[niv].left=X;document.layers[niv].top=Y;document.layers[niv].document.write(A);document.layers[niv].document.close();document.layers[niv].visibility="show";this.X=X;this.Y=Y;this.width=document.layers[niv].clip.width;}}
function HideCalque(nom) {
if (document.all) {document.all[nom].style.visibility="hidden";}
if (window.sidebar) {document.getElementById(nom).style.visibility="hidden";}
if (document.layers) {document.layers[nom].visibility="hide";}
}
function ShowCalque(nom) {
if (document.all) {document.all[nom].style.visibility="visible";}
if (window.sidebar) {document.getElementById(nom).style.visibility="visible";}
if (document.layers) {document.layers[nom].visibility="show";}
}
function BGCalque(nom,BG) {
if (document.all) {document.all[nom].style.backgroundColor=BG;}
if (window.sidebar) {document.getElementById(nom).style.backgroundColor=BG;}
}
function FontCalque(nom,Font) {
if (document.all) {document.all[nom].style.color=Font;}
if (window.sidebar) {document.getElementById(nom).style.color=Font;}
}
function MoveCalque(nom,X,Y) {
if (document.all) {document.all[nom].style.top=Y;document.all[nom].style.left=X;}
if (window.sidebar) {document.getElementById(nom).style.top=Y;document.getElementById(nom).style.left=X;}
if (document.layers) {document.layers[nom].top=Y;document.layers[nom].left=X;}
}
function GetLeft(nom) {
if (document.all) {return document.all[nom].style.left;}
if (window.sidebar) {return document.getElementById(nom).style.left}
if (document.layers) {return document.layers[nom].left;}
}
function SizeCalque(nom,larg) {
if (document.all) {document.all[nom].style.width=larg;}
if (window.sidebar) {document.getElementById(nom).style.width=larg;}
if (document.layers) {document.layers[nom].width=larg;}
}
// VERSION