var submenu = new Array();

var tmr = new Array();

var adj = new Array();

var last_zIndex = 0;

var lastOverId = '';







var menuWidth 		= 230;			//width of submenu in pixels

var alignSubmenu 	= 'right';		//bottom or right side of the main button.

var useLastItemCSS	= false;			//generate last menu item too

									//if false, it will behave as a normal item

									//and the css menuItemLast class will not be used

var adjustFirst		= false;		//overlap the first submenu too?

var adjustTop		= 0;			//move the submenu's some pixels. Positive number (10) for down, negative (-10) for up.

var adjustLeft		= 0;			//move the submenu's some pixels. Positive number (10) for right, negative (-10) for left.



//fisrt submenu tree

submenu['menu1'] = new Array();

submenu['menu1'][0] = menuItem('Historique','history.php','_self');

submenu['menu1'][1] = menuItem('Vision et Stratégie','strategy.php','_self');

submenu['menu1'][2] = menuItem('Notre Équipe','team.php','_self');

submenu['menu1'][3] = menuItem('Installations','production.php','_self');

	



//second submenu tree

submenu['menu2'] = new Array();

submenu['menu2'][0] = menuItem('Broue Alliance','broueall.php','_self');

submenu['menu2'][1] = menuItem('Distilleries Cartier','distcartier.php','_self');

submenu['menu2'][2] = menuItem('Groupe Courtage Omni','groupecourtage.php','_self');

submenu['menu2'][3] = menuItem('Société de Vin Internationale','societevin.php','_self');

submenu['menu2'][4] = menuItem('Bières','beers.php','_self');

submenu['menu2'][5] = menuItem('Geloso Beverage Group','beveragegroup.php','_self');





//build or unhide submenu div...

function buildSubmenu(obj){

	lastOverId = obj.id;



	//get common part of div id

	menuPath = obj.id.split('_');



	//unset mousout of parent menus and make sure they are visible...

	x = "div";

	for(i=0;i<menuPath.length;i++){

		x+= '_' + menuPath[i];

		if(document.getElementById(x)){

			if(tmr[x])

				window.clearTimeout(tmr[x]);

			document.getElementById(x).style.visibility = 'visible';

		}

	}



	//check if we have a submenu of the obj...

	if(submenu[obj.id]){

		//check if allready build...

		c = document.getElementById('div_' + obj.id);

		if(c){

			//unhide...

			c.style.visibility = 'visible';

			c.style.zIndex = last_zIndex++;

		}else{

			//calc position of mouseover

			d = obj;

			if(d){

				L_pos = d.offsetLeft + d.offsetWidth - 1;

				T_pos = d.offsetTop;

				while(d.offsetParent){

					d = d.offsetParent;

					L_pos+= d.offsetLeft;

					T_pos+= d.offsetTop;

				}

			}



			//patch first submenu to go right below the main buttons...

			if(obj.className.indexOf('menuItem') < 0 && alignSubmenu == 'bottom'){

				L_pos-= obj.offsetWidth;

				T_pos+= obj.offsetHeight;

			}



			//move the submenu (overlap?)

			if((adjustTop || adjustLeft) && (adjustFirst || (!adjustFirst && obj.className.indexOf('menuItem') >= 0))){

				L_pos+= adjustLeft;

				T_pos+= adjustTop;

			}



			//build new div - da se napravi na razlichni razstoiania

			subObj = document.createElement('div');

			subObj.id = 'div_' + obj.id;

			subObj.className = 'submenu';

			subObj.style.position = 'absolute';

			subObj.style.zIndex = last_zIndex++;

			subObj.style.width = menuWidth;

			subObj.style.top = 0 + T_pos + "px";

			subObj.style.left = 5 + L_pos + "px";



			//write div to the body...

			document.getElementsByTagName('body')[0].appendChild(subObj);



			//build phpl for submenu

			content = "";

			m = submenu[obj.id];

			for(i=0;i<m.length;i++){



				//determin target for onclick...

				//	(sorry, I should rewrite this routine...)

				if(!m[i][2] || m[i][2] == '_self')

					act = "self.location.href='" + m[i][1] + "';";

				else if(m[i][2] == '_top')

					act = "top.location.href='" + m[i][1] + "';";

				else if(m[i][2] == '_blank')

                    act = "window.open('" + m[i][1] + "');";

				else

					act = "window.frames['"+m[i][2]+"'].location.href='" + m[i][1] + "';";



				//make item

				content+= "<div onmouseout=\"hideSubmenu(this)\" onmouseover=\"buildSubmenu(this)\" "+ (m[i][1] ? "onclick=\""+ act + "\" " : "") +"class=menuItem" + (i==0 ? 'First' : (i==(m.length -1) && useLastItemCSS ? 'Last' : '')) + " id=\"" + obj.id + "_" + i +"\">" + m[i][0] + "</div>";

				adj[i] = obj.id + "_" + i;

			}



			//insert new menu

			subObj.innerHTML = content;



			//make all just made div's the same width...

			for(i=0;i<adj.length;i++)

				document.getElementById(adj[i]).style.width = subObj.style.width;

		}

	}

}



//hide a submebu div

function hideSubmenu(obj){

	//get common part of div id

	closePath = obj.id.split('_');



	//hide path

	x = "div";

	for(i=0;i<closePath.length;i++){

		x+= '_' + closePath[i];

		if(document.getElementById(x))

			tmr[x] = window.setTimeout("document.getElementById('"+x+"').style.visibility = 'hidden';",500);

		//The timeout above is needed for MSIE browsers... Or else the menu's will disapear on EVERY mousout!!!

		//Please get a normal browser like Firefox, Mozilla or Opera!!

	}

}



//add an menu item to the config array (called in the config lines)

function menuItem(txt,url,tar){

	return new Array(txt,url,tar);

}



//*** Patch for firefox bug with focus on mouseover...

//		This function should be called onMouseOver of every iFrame that's under the menu structure.

function iFramePatch(){

	if(!document.all && lastOverId)

		hideSubmenu(document.getElementById(lastOverId));

}



//*** Now a patch for MSIE lag of CSS2 compliance!!

if(navigator.userAgent.indexOf('MSIE')>=0 && navigator.userAgent.indexOf('Opera')==-1){

	document.onmouseover = function(){

		obj = event.srcElement;

		if(obj.className == 'menuItemFirst' || obj.className == 'menuItem' || obj.className == 'menuItemLast')

			obj.className+='Over';

	}

	document.onmouseout = function(){

		obj = event.srcElement;

		if(obj.className == 'menuItemFirstOver' || obj.className == 'menuItemOver' || obj.className == 'menuItemLastOver')

			obj.className = obj.className.substring(0,(obj.className.length - 4));

	}

}



//*** Patch for wrong position after resize... Just reload to reset, not nice, fix later!

window.onresize = function(){

	self.location.href = self.location.href;

}