var menuID;
var mainMenuID;
var subMenuID;

function menuOver(id) {
	if ( id != menuID - 1 && id != menuID ) {
		document.getElementById('td_menu_line_' + id).className ="menu_line_on";
	}
	if ( id != menuID + 1 && id != menuID ) {
		document.getElementById('td_menu_line_' + (id - 1) ).className ="menu_line_on";
	}
	if ( id != menuID ) {
		document.getElementById('td_menu_bottom_' + id ).className ="menu_bottom_on";
	}
}

function menuOut(id) {
	if ( id != menuID - 1 && id != menuID ) {
		document.getElementById('td_menu_line_' + id).className ="menu_line_off";
	}
	if ( id != menuID + 1 && id != menuID ) {
		document.getElementById('td_menu_line_' + (id - 1) ).className ="menu_line_off";
	}
	if ( id != menuID ) {
		document.getElementById('td_menu_bottom_' + id ).className ="menu_bottom_off";
	}
}

function mainMenuOver(id, color) {
	if (id != mainMenuID) {
		document.getElementById('main_menu_' + id).style.borderBottomColor = color;
	}
}

function mainMenuOut(id) {
	if (id != mainMenuID) {
		document.getElementById('main_menu_' + id).style.borderBottomColor = "";
	}
}

function subMenuOver(id) {
	if (id != subMenuID) {
		document.getElementById('sub_menu_' + id).className = "subMenuOver";
	}
	if ( id != subMenuID - 1 && id != subMenuID ) {
		document.getElementById('td_smenu_line_' + id).className ="menu_line_on";
	}
	if ( id != subMenuID + 1 && id != subMenuID ) {
		document.getElementById('td_smenu_line_' + (id - 1) ).className ="menu_line_on";
	}
}

function subMenuOut(id) {
	if (id != subMenuID) {
		document.getElementById('sub_menu_' + id).className = "subMenu";
	}
	if ( id != subMenuID - 1 && id != subMenuID ) {
		document.getElementById('td_smenu_line_' + id).className ="menu_line_off";
	}
	if ( id != subMenuID + 1 && id != subMenuID ) {
		document.getElementById('td_smenu_line_' + (id - 1) ).className ="menu_line_off";
	}
}

function subMenuOver2(id) {
	if (id != subMenuID) {
		document.getElementById('sub_menu_' + id).className = "subMenuOver2";
	}
}

function subMenuOut2(id) {
	if (id != subMenuID) {
		document.getElementById('sub_menu_' + id).className = "subMenu";
	}
}

function imageMenuOver(id, max, productId, url ) {
	for ( i = 1 ; i <= max ; i ++ ) {
		document.getElementById('imageMenu_' + productId + '_' + i ).className = 'texte-smaller imageMenu';
	}
	document.getElementById('imageMenu_' + productId + '_' + id).className = 'texte-smaller imageMenuOver';
	document.getElementById('main_img_' + productId ).src = url;
}

function contactClick(id ) {
	var srcs = new Array( '', 'images/map-qc.gif', 'images/map-mtl.gif', 'images/spacer.gif' )
	for ( i = 1 ; i < 4 ; i ++ ) {
		document.getElementById('contact' + i ).className = 'contactMenu';
		document.getElementById('contactUnder' + i ).style.borderLeft = '';
		document.getElementById('contactContent' + i ).style.display = 'none';
		document.getElementById('contactLeft' + i ).style.display = 'none';
	}
	document.getElementById('contact' + id ).className = 'contactMenuOver';
	document.getElementById('contactUnder' + id ).style.borderLeft = 'solid 3px #0d4598';
	document.getElementById('contactContent' + id ).style.display = '';
	document.getElementById('contactLeft' + id ).style.display = '';
	document.getElementById('contactImage' ).src = srcs[id];
}
function contactSubClick(id ) {
	if ( id == 1 ) {
		document.getElementById('contactSub1' ).className = 'contactMenuOver';
		document.getElementById('contactSub2' ).className = 'contactMenu';
		document.getElementById('contactSubContent1').style.display = '';
		document.getElementById('contactSubContent2').style.display = 'none';
	} else {
		document.getElementById('contactSub1' ).className = 'contactMenu';
		document.getElementById('contactSub2' ).className = 'contactMenuOver';
		document.getElementById('contactSubContent1').style.display = 'none';
		document.getElementById('contactSubContent2').style.display = '';
	}
}
function contactMtlClick(id ) {
	if ( id == 1 ) {
		document.getElementById('contactMtl1' ).className = 'contactMenuOver';
		document.getElementById('contactMtl2' ).className = 'contactMenu';
		document.getElementById('contactMtlContent1').style.display = '';
		document.getElementById('contactMtlContent2').style.display = 'none';
	} else {
		document.getElementById('contactMtl1' ).className = 'contactMenu';
		document.getElementById('contactMtl2' ).className = 'contactMenuOver';
		document.getElementById('contactMtlContent1').style.display = 'none';
		document.getElementById('contactMtlContent2').style.display = '';
	}
}