// layout properties

//var bgColorNormal  = '#28ABF3';
var bgColorNormal  = '#28ABF3';
var bgColorNormale  = '#ffffff';
var bgColorHover   = '#FFFFFF';
var bgColorHovere   = '#28ABF3';
var subBorderColor = '#3163CE';
//var bgColorHover   = '#6699FF';
//var subBorderColor = '#FFFFFF';



var subIndicator = 'imgs/general_assets/arrowRight.gif';
var spacer       = 'imgs/general_assets/1pixtrns.gif';

var mainmenuStart = '<table width=100 border=0 cellspacing=0 cellpadding=0>';
var mainmenuEnd   = '</table>';
var mainseparator = '<img src="imgs/homepage/separator.gif" width=113 height=3 alt="" vspace=4 border=0>';

var menustart = '<table border=0 cellpadding=1 cellspacing=0 width=100><tr><td bgcolor="' + subBorderColor + '" width="100"><table border=0 cellspacing=0 cellpadding=0 width="100" bgcolor="' + bgColorNormale + '">';
var menuend   = '</table></td></tr></table>';


if (navigator.appName != "Netscape") {
	//positions for IE left nav rollovers
	var lefts = new Array();
	lefts[1] = 100; //((document.body.clientWidth - 640)/2) + 13; //142
	lefts[2] = 162; //((document.body.clientWidth - 640)/2) + 150;
} else {
	//positions for Netscape left nav rollovers
	var lefts = new Array();
	lefts[1] = 100; //((window.innerWidth - 640)/2) + 26; //135
	lefts[2] = 170; //((window.innerWidth - 640)/2) + 162;
}
// var lefts = new Array();
// lefts[1] = 132;
// lefts[2] = 266;

var MAXnumberofMenus = 14;
var menus = new Array();

for(i = 0; i < MAXnumberofMenus; i++) {
	menus[i] = new Array();
}


// Menu definitions start here!
menus[0][1] = new Array('<IMG SRC="menu/01.jpg" WIDTH=100 ALT="Presentation" BORDER="0" id="giz1" onmouseover="imgOver(giz1)" onmouseout="imgOut(giz1)">','',1);
menus[0][2] = new Array('<IMG SRC="menu/02.jpg" WIDTH=100 ALT="Our Products" BORDER="0" id="giz2" onmouseover="imgOver(giz2)" onmouseout="imgOut(giz2)">','',2);
menus[0][3] = new Array('<IMG SRC="menu/03.jpg" WIDTH=100 ALT="Advantages" BORDER="0" id="giz3" onmouseover="imgOver(giz3)" onmouseout="imgOut(giz3)">','',3);
//menus[0][4] = new Array('<IMG SRC="menu/04.jpg" WIDTH=100 ALT="Order" BORDER="0" id="giz4" onmouseover="imgOver(giz4)" onmouseout="imgOut(giz4)">','',4);
//menus[0][7] = new Array('<IMG SRC="imgs/homepage/updates/left_bar8.gif" WIDTH=123 HEIGHT=17 ALT="Job Market" BORDER="0">','/goto.php?track=leftnav&dest=/products/index.html',7);

//Présentation
menus[1][1] = new Array('History','histo.htm'); 
menus[1][2] = new Array('Organization Chart','orga.htm'); 

//Nos produits
menus[2][1] = new Array('Aquatron GTO46/52','prod_aquaGTO.htm');
menus[2][2] = new Array('Aquatron MO','prod_aquaMO.htm');
menus[2][3] = new Array('Aquaprint','prod_aquaprint.htm');
menus[2][4] = new Array('Color + (buttons)','prod_colorb.htm');
menus[2][5] = new Array('Color + (levers)','prod_colorl.htm');
menus[2][6] = new Array('Washmatic','prod_washmatic.htm');

//Les avantages
menus[3][1] = new Array('Aquatron GTO46/52','avan_aquaGTO.htm');
menus[3][2] = new Array('Aquatron MO','avan_aquaMO.htm');
menus[3][3] = new Array('Aquaprint','avan_aquaprint.htm');
menus[3][4] = new Array('Color + (buttons)','avan_colorb.htm');
menus[3][5] = new Array('Color + (levers)','avan_colorl.htm');
menus[3][6] = new Array('Washmatic','avan_washmatic.htm');

//Vos commandes
menus[4][1] = new Array('Aquatron','comm_aquatron.htm');
menus[4][2] = new Array('Aquaprint','comm_aquaprint.htm');
menus[4][3] = new Array('Color +','comm_color.htm');


origWidth = window.innerWidth;
origHeight = window.innerHeight;
window.onresize = reDo;
 
function reDo() {
	if (document.body.clientWidth==origWidth && document.body.clientHeight==origHeight) return;
	window.location.reload();
}
// MSIE version

function doNothing() { return true; }
window.onerror = doNothing;
var theContent = new Array();
var lastPopped = new Array();
var maxLevel = 2;

function buildContent(subMenu,level) {
	var nextLevel = (level + 1);
	theContent[subMenu] = menustart;
	for (var i in menus[subMenu]) {
		if (menus[subMenu][i][0]=='-') {
			theContent[subMenu] += '<tr onMouseOver="hideLayer(' + nextLevel + ');"><td colspan=2 align=center submenu=yes>' + separator + '</td></tr>';
		} else {
			var popup = (menus[subMenu][i][2]) ? 'popUp(\'' + menus[subMenu][i][2] + '\',' + nextLevel + ',event);' : (nextLevel<=maxLevel) ? 'hideLayer(' + nextLevel + ');' : '';
			theContent[subMenu] += '<tr class="col1" onClick="window.location.href=(\'' + menus[subMenu][i][1] + '\');" onMouseOver="' + popup + 'itemOver(this);" onMouseOut="itemOut(this);">';
			theContent[subMenu] += '<td valign=top class=nav width="100">' + menus[subMenu][i][0];
			if (menus[subMenu][i][2]) {
				theContent[subMenu] += '</td>';
				buildContent(menus[subMenu][i][2],nextLevel);
			} else {
				theContent[subMenu] += '</td><td submenu=yes></td>';
			}
			theContent[subMenu] += '</tr>';
		}
	}
	theContent[subMenu] += menuend;
}

function buildMenu(id) {
	var nextLevel = 1;
	var senseRow = '<tr><td colspan=2 onMouseOver="hideLayer(1);"></td></tr>\n';
	var theMenu = mainmenuStart + senseRow;
	for(var i in menus[id]) {
		if (menus[id][i][0]=="-") {
			theMenu += '<tr onMouseOver="hideLayer(' + nextLevel + ');"><td colspan=2 align=center HEIGHT="26">' + mainseparator + '</td></tr>\n';
		} else {
			var popup = (menus[id][i][2]) ? 'popUp(' + menus[id][i][2] + ',' + nextLevel + ',event);' : 'hideLayer(' + nextLevel + ');';
			theMenu += '<tr onMouseOver="' + popup + 'itemOver(this);" onMouseOut="itemOut(this);">';
			if (menus[id][i][2]) {
				theMenu += '<td>';
				theMenu += menus[id][i][0];
				theMenu += '</td>\n';
				theMenu += '';
				buildContent(menus[id][i][2],nextLevel);
			} else {
				theMenu += '<td colspan=2>';
				theMenu += menus[id][i][0] + '</td>';
			}
			theMenu += '</tr>';
		}
	}
	theMenu += senseRow + mainmenuEnd;
	document.write(theMenu);
}

function itemOver(tr) {
tr.style.cursor = 'hand'
var tg=tr.className
	if (tr.className!='col1') {
		tr.style.backgroundColor = bgColorHover
	}
	else {
		tr.className = 'col2'
	}
}

function itemOut(tr) {
	if (tr.className!= 'col2') {
		tr.style.backgroundColor = bgColorNormal
	}
	else {
		tr.className = 'col1' 
	}
}
function imgOver(l1,l2) {
l1.style.cursor = 'hand'
var j1=giz1.src
var j2=giz2.src
var j3=giz3.src
var j4=giz4.src
var j5=giz5.src
var j6=giz6.src
var j7=giz7.src
if (l1.src==j1) {
	l1.src="menu/01a.jpg"
}
else if (l1.src==j2) {
	l1.src="menu/02a.jpg"
}
else if (l1.src==j3) {
	l1.src="menu/03a.jpg"
}
else if (l1.src==j4) {
	l1.src="menu/04a.jpg"
}
else if (l1.src==j5) {
	l1.src="menu/05a.jpg"
}
else if (l1.src==j6) {
	l1.src="menu/06a.jpg"
}
else if (l1.src==j7) {
	l1.src="menu/07a.jpg"
}
}

function imgOut(l1,l2) {
var j1=giz1.src
var j2=giz2.src
var j3=giz3.src
var j4=giz4.src
var j5=giz5.src
var j6=giz6.src
var j7=giz7.src
if (l1.src==j1) {
	l1.src="menu/01.jpg"
}
else if (l1.src==j2) {
	l1.src="menu/02.jpg"
}
else if (l1.src==j3) {
	l1.src="menu/03.jpg"
}
else if (l1.src==j4) {
	l1.src="menu/04.jpg"
}
else if (l1.src==j5) {
	l1.src="menu/05.jpg"
}
else if (l1.src==j6) {
	l1.src="menu/06.jpg"
}
else if (l1.src==j7) {
	l1.src="menu/07.jpg"
}
}

function getRealTop(imgElem) {
	yPos = eval(imgElem).offsetTop;
	tempEl = eval(imgElem).offsetParent;
	while (tempEl != null) {
		yPos += tempEl.offsetTop;
		tempEl = tempEl.offsetParent;
	}
	return yPos;
}

function popUp(subMenu,level,e) {
	if (level<=maxLevel) {
		var theLayer = document.all('level' + level);
		if (lastPopped[level] == subMenu) {
			if (theLayer.style.visibility == 'visible') return;
		} else {
                        if (subMenu==5) { 
                          theLayer.style.top = 100;
                          //(navigator.userAgent.indexOf("Mac")==-1) ? getRealTop(e.toElement) : e.y - (e.y % 8);
                        } else { 
                          theLayer.style.top = (navigator.userAgent.indexOf("Mac")==-1) ? getRealTop(e.toElement) : e.y - (e.y % 8);
                        }	
			theLayer.style.left = lefts[level];
			theLayer.innerHTML = theContent[subMenu];
			lastPopped[level] = subMenu;
		}
		showLayer(level,1);
	} else {
		hideLayer(level);
	}
}

function hideLayer(level) {
	var nextLevel = (level + 1);
	if (level<maxLevel && document.all('level' + nextLevel)) hideLayer(nextLevel);
	showLayer(level,0);
}

function showLayer(level,show) {
	if (document.all('level' + level)) document.all('level' + level).style.visibility = (show) ? "visible" : "hidden";
	if (level<maxLevel) {
		level++;
		if (document.all('level' + level)) hideLayer(level);
	}
}