/* Flag qui indique si on survol ou non un layer de menu*/
var survol_menu_nav_bar = false;
var tab_menu_nav_bar = ['decoration','arts_de_la_table','meubles','textiles','luminaires'];

function changeStateMenuNavBar(elem,e,state){
	var container_position = $('contener_layers_navbar').getPosition();
	var layer_dimention = $(elem).getSize();
	var window_scroll   = $(window).getScroll();

	var posOriginY = container_position.y - window_scroll.y;
	var posOriginX = container_position.x;

	var layerWidth = elem.offsetWidth;
	var layerheight = elem.offsetHeight;
	
	var layerWidth = layer_dimention.x;
	var layerheight = layer_dimention.y - 5;
	
	var mouse_is_over = false;
	if( (e.clientX >= posOriginX) && (e.clientX <= posOriginX+layerWidth) && ( (e.clientY >= posOriginY) && (e.clientY <= posOriginY + layerheight)  )){
		mouse_is_over = true
	}

	if(!(!state && mouse_is_over )){
		
		survol_menu_nav_bar = state;
		if(!state){
			hideLayersMenuNavBar();
		}
		
	}
}

function testAndhHideLayersMenuNavBar(elem,e){
	var container_position = $('contener_layers_navbar').getPosition();
	var window_scroll   = $(window).getScroll();
	var posOriginY = container_position.y - window_scroll.y;

	if( !(e.clientY >= posOriginY - 1) && (e.clientY <= posOriginY + 1)  ){
		hideLayersMenuNavBar();
	}
	
}

function hideLayersMenuNavBar(){
	if(!survol_menu_nav_bar){
		for(i = 0;i<tab_menu_nav_bar.length;i++){
			
			var container = $('contener_layer_menu_nav_bar_'+tab_menu_nav_bar[i]);
			
			document.getElementById('contener_layer_menu_nav_bar_'+tab_menu_nav_bar[i]).style.display = 'none';
			document.getElementById('btn_menu_nav_bar_'+tab_menu_nav_bar[i]).src = '/images/btn_'+tab_menu_nav_bar[i]+'.gif';
			
		}
	}
}

function showLayersMenuNavBar(menu){
	
	hideLayersMenuNavBar();
	
	var container = $('contener_layer_menu_nav_bar_'+menu);
	
	container.fade('hide');
	
	document.getElementById('contener_layer_menu_nav_bar_'+menu).style.display = 'block';	
	document.getElementById('btn_menu_nav_bar_'+menu).src = '/images/btn_'+menu+'_over.gif';
	
	container.fade(1);
	
}