/*================================= DÉBUT BOÎTE NUMERO 1 =================================*/
var numberOfTabs1 = tab1Prop.length;
var menuSelected1		= 0;

if (menuVerifyWidth == 1) if (parseInt(menuWidth1) * numberOfTabs1 + parseInt(menuSpacing) * numberOfTabs1 + parseInt(menuLeftOffset) > parseInt(contentWidth1)) contentWidth1 = parseInt(menuWidth1) * numberOfTabs1 + parseInt(menuSpacing) * numberOfTabs1 + parseInt(menuLeftOffset) + 'px';

// Init Tab Menus
function tt1InitTabs() {
   var inittab = menuSelected1;
  	
   for (var i = 0; i < numberOfTabs1; i++) { 
		tt1SetStyle(tab1Prop[i][0],'backgroundColor',menuBgColorOff);
		tt1SetStyle(tab1Prop[i][0],'borderLeft', menuBorderStyleH + " " + menuBorderColor);
		tt1SetStyle(tab1Prop[i][0],'borderRight', menuBorderStyleH + " " + menuBorderColor);
		tt1SetStyle(tab1Prop[i][0],'borderTop', menuBorderStyleH + " " + menuBorderColor);
		tt1SetStyle(tab1Prop[i][0],'color',menuFontColorOff);
		tt1SetStyle(tab1Prop[i][0],'fontFamily',menuFontFamily);
		tt1SetStyle(tab1Prop[i][0],'fontSize',menuFontSize);
		tt1SetStyle(tab1Prop[i][0],'height',menuHeight);
		tt1SetStyle(tab1Prop[i][0],'marginRight',menuSpacing);
		tt1SetStyle(tab1Prop[i][0],'width',menuWidth1);
		tt1SetStyle(tab1Prop[i][2],'display','none');
     } 
	tt1SetClass(tab1Prop[inittab][0],'tab1MenuOn');
	tt1SetStyle(tab1Prop[inittab][0],'backgroundColor', menuBgColorOn);
	tt1SetStyle(tab1Prop[inittab][0],'color',menuFontColorOn);

	tt1SetStyle(tab1Prop[inittab][2],'display','block');
	tt1SetStyle('tab1Content','backgroundColor', menuBgColorOn); 
	tt1SetStyle('tab1Content','borderTop', menuBorderStyle + " " + menuBorderColor);
	tt1SetStyle('tab1Content','color',contentFontColor);
	tt1SetStyle('tab1Content','fontFamily',contentFontFamily);
	tt1SetStyle('tab1Content','fontSize',contentFontSize);
	tt1SetStyle('tab1Content','height',contentHeight);
	tt1SetStyle('tab1Content','padding',contentPadding);
	tt1SetStyle('tab1Content','width', contentWidth1);
	tt1SetStyle('tab1Offset','width',menuLeftOffset);
}

//OnClick Menu Function
function tt1SetMenu(tabID) {
   for (var i = 0; i < numberOfTabs1; i++) { 
		tt1SetClass(tab1Prop[i][0],'tab1MenuOff');
		tt1SetStyle(tab1Prop[i][2],'display','none');
		tt1SetStyle(tab1Prop[i][0],'backgroundColor',menuBgColorOff);
		tt1SetStyle(tab1Prop[i][0],'color',menuFontColorOff);
      } 
	tt1SetStyle(tab1Prop[tabID][2],'display','block');
	tt1SetClass(tab1Prop[tabID][0],'tab1MenuOn');
	tt1SetStyle(tab1Prop[tabID][0],'backgroundColor', menuBgColorOn);
	tt1SetStyle(tab1Prop[tabID][0],'color',menuFontColorOn);
	tt1SetStyle('tab1Content','backgroundColor', menuBgColorOn);
}

//On Mouse Over Menu Function
function tt1MenuOver(objectID,bgcolor) {
   tt1SetStyle(objectID,'backgroundColor',bgcolor);
}

//On Mouse Out Function
function tt1MenuOut(objectID,bgcolor) {
   var status = document.getElementById(objectID).className;
   if (status != "tab1MenuOn")  tt1SetStyle(objectID,'backgroundColor',bgcolor);
}

//Set Classes and Styles
function tt1SetClass(objectID,newClass) {
	var object = document.getElementById(objectID);
	object.className = newClass;
}

function tt1SetStyle(objectID,styleName,newVal) {
	var object = document.getElementById(objectID);
	object.style [styleName] = newVal;
}

//Display Tab Menus
function tt1MenuDisplay() {
	for (var i = 0; i < numberOfTabs1; i++) { 
	document.write("<div class=\"tab1MenuOff\" id=\"tab1Menu" + i + "\" onclick=\"tt1SetMenu(" + i + ")\" onMouseOver=\"tt1MenuOver('tab1Menu" + i + "', '" + menuBgColorOn + "') \" onMouseOut=\"tt1MenuOut('tab1Menu" + i + "',menuBgColorOff)\" title=\"" + tab1Prop[i][1] + "\">" + tab1Prop[i][1] + "</div>");
	}	
}
/*=============================== FIN DE LA BOÎTE NUMERO 1 ==========================*/