document.write('<style type="text/css">');
document.write('.poppervert { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; top:'+posYmenu+'px; left:'+posXmenu+'px; z-index:10; }')
document.write('</style>')

root = "http://www.winwg.com/";
repertory = "../boutons/";

document.write('<table width="100%" bgcolor="'+topBgcolor+'" height="'+totTopHeight+'" border="0" cellspacing="0" cellpadding="0">');
document.write('<tr width="100%" align="center" height="'+totTopHeight+'"><td hspace="0" vspace="0">');
document.write('<a href="../accueil/index.shtml"><img align="left" src="../imgs/titre.jpg" hspace="0" vspace="0" border="0"></a>');
document.write('</td></tr></table>');
//document.write('<img src="../imgs/corner.png" align="left" hspace="0" vspace="0" border="0">');

document.write('<DIV class=poppervert id=topdeckvert></DIV>');

accueil_1 = new Image();
accueil_1.src = repertory + "accueil_1.gif";
accueil_2 = new Image();
accueil_2.src = repertory + "accueil_2.gif";
accueil_3 = accueil_2;
//accueil_3.src = repertory + "accueil_3.gif";

presentation_1 = new Image();
presentation_1.src = repertory + "presentation_1.gif";
presentation_2 = new Image();
presentation_2.src = repertory + "presentation_2.gif";
presentation_3 = presentation_2;
//presentation_3.src = repertory + "presentation_3.gif";
fonctionnalites_1 = new Image();
fonctionnalites_1.src = repertory + "fonctionnalites_1.gif";
fonctionnalites_2 = new Image();
fonctionnalites_2.src = repertory + "fonctionnalites_2.gif";
fonctionnalites_3 = fonctionnalites_2;
//fonctionnalites_3.src = repertory + "fonctionnalites_3.gif";
fichetechnique_1 = new Image();
fichetechnique_1.src = repertory + "fichetechnique_1.gif";
fichetechnique_2 = new Image();
fichetechnique_2.src = repertory + "fichetechnique_2.gif";
fichetechnique_3 = fichetechnique_2;
//fichetechnique_3.src = repertory + "fichetechnique_3.gif";
exemples_1 = new Image();
exemples_1.src = repertory + "exemples_1.gif";
exemples_2 = new Image();
exemples_2.src = repertory + "exemples_2.gif";
exemples_3 = exemples_2;
//exemples_3.src = repertory + "exemples_3.gif";

pointsforts_1 = new Image();
pointsforts_1.src = repertory + "pointsforts_1.gif";
pointsforts_2 = new Image();
pointsforts_2.src = repertory + "pointsforts_2.gif";
pointsforts_3 = pointsforts_2;
//pointsforts_3.src = repertory + "pointsforts_3.gif";
recalculations_1 = new Image();
recalculations_1.src = repertory + "recalculations_1.gif";
recalculations_2 = new Image();
recalculations_2.src = repertory + "recalculations_2.gif";
recalculations_3 = recalculations_2;
//recalculations_3.src = repertory + "recalculations_3.gif";
notationancienne_1 = new Image();
notationancienne_1.src = repertory + "notationancienne_1.gif";
notationancienne_2 = new Image();
notationancienne_2.src = repertory + "notationancienne_2.gif";
notationancienne_3 = notationancienne_2;
//notationancienne_3.src = repertory + "notationancienne_3.gif";
tablatures_1 = new Image();
tablatures_1.src = repertory + "tablatures_1.gif";
tablatures_2 = new Image();
tablatures_2.src = repertory + "tablatures_2.gif";
tablatures_3 = tablatures_2;
//tablatures_3.src = repertory + "tablatures_3.gif";

developpement_1 = new Image();
developpement_1.src = repertory + "developpement_1.gif";
developpement_2 = new Image();
developpement_2.src = repertory + "developpement_2.gif";
developpement_3 = developpement_2;
//developpement_3.src = repertory + "developpement_3.gif";

documentation_1 = new Image();
documentation_1.src = repertory + "documentation_1.gif";
documentation_2 = new Image();
documentation_2.src = repertory + "documentation_2.gif";
documentation_3 = documentation_2;
//documentation_3.src = repertory + "documentation_3.gif";

support_1 = new Image();
support_1.src = repertory + "support_1.gif";
support_2 = new Image();
support_2.src = repertory + "support_2.gif";
support_3 = support_2;
//support_3.src = repertory + "support_3.gif";
faq_1 = new Image();
faq_1.src = repertory + "faq_1.gif";
faq_2 = new Image();
faq_2.src = repertory + "faq_2.gif";
faq_3 = faq_2;
//faq_3.src = repertory + "faq_3.gif";
forum_1 = new Image();
forum_1.src = repertory + "forum_1.gif";
forum_2 = new Image();
forum_2.src = repertory + "forum_2.gif";
forum_3 = forum_2;
//forum_3.src = repertory + "forum_3.gif";

versiondemo_1 = new Image();
versiondemo_1.src = repertory + "versiondemo_1.gif";
versiondemo_2 = new Image();
versiondemo_2.src = repertory + "versiondemo_2.gif";
versiondemo_3 = versiondemo_2;
//versiondemo_3.src = repertory + "versiondemo_3.gif";

achat_1 = new Image();
achat_1.src = repertory + "achat_1.gif";
achat_2 = new Image();
achat_2.src = repertory + "achat_2.gif";
achat_3 = achat_2;
//achat_3.src = repertory + "achat_3.gif";


accueil = "accueil/";

zlien = new Array;
presentation = "presentation/";
zlien[0] = new Array;
zlien[0][0] = new SousMenu("fonctionnalites",root + presentation + "fonctionnalites.shtml");
zlien[0][1] = new SousMenu("fichetechnique",root + presentation + "fichetechnique.shtml");
zlien[0][2] = new SousMenu("exemples",root + presentation + "exemples.shtml");

zlien[1] = new Array;
pointsforts = "pointsforts/";
zlien[1][0] = new SousMenu("recalculations",root + pointsforts + "recalculations.shtml");
zlien[1][1] = new SousMenu("notationancienne",root + pointsforts + "notationancienne.shtml");
zlien[1][2] = new SousMenu("tablatures",root + pointsforts + "tablatures.shtml");

zlien[2] = new Array;
support = "support/";
zlien[2][0] = new SousMenu("faq",root + support + "faq.shtml");
zlien[2][1] = new SousMenu("forum",root + support + "forum.shtml");

developpement = "developpement/";
documentation = "documentation/";
versiondemo = "versiondemo/";
achat = "achat/";

// position par navigateur
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { sknvert = document.topdeckvert }
else if (dom) { sknvert = document.getElementById("topdeckvert").style }
else if (iex) { sknvert = topdeckvert.style }
sknvert.left = posXmenu+menuWidth+10;

// menu
document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=1 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#C0C0C0 WIDTH='+menuWidth+'>')
// cellules

//document.write('<TR><TD WIDTH='+menuWidth+'><img src="../boutons/top.gif" align="top" border="0"></TR></TD>');
smpos=0;
drawcell(1,"accueil",-1,smpos,root + accueil + "index.shtml",0);
smpos+=24;
drawcell(0,"presentation",0,smpos,root + presentation + "index.shtml",1);
smpos+=24;
drawcell(0,"pointsforts",1,smpos,root + pointsforts + "index.shtml",2);
smpos+=24;
drawcell(1,"developpement",-1,smpos,root + developpement + "developpement.shtml",3);
smpos+=24;
drawcell(1,"documentation",-1,smpos,root + documentation + "documentation.shtml",4);
smpos+=24;
drawcell(1,"support",2,smpos,root + support + "index.shtml",5);
smpos+=24;
drawcell(1,"versiondemo",-1,smpos,root + versiondemo + "versiondemo.shtml",6);
smpos+=24;
drawcell(1,"achat",-1,smpos,root + achat + "achat.shtml",7);
//document.write('<TR><TD WIDTH='+menuWidth+'><img src="../boutons/bottom.gif" align="top" border="0"></TR></TD>');

// fin
document.write('</TABLE></DIV>')
