function expandCollapseSecondaryMenu(element){
	$(element).toggleClassName("expanded");

	if($(element).ancestors()[0].descendants()[1].hasClassName("toExpand")){
		$(element).ancestors()[0].descendants()[1].removeClassName("toExpand");
		$(element).ancestors()[0].descendants()[1].addClassName("toCollapse");
	}
	else{
		$(element).ancestors()[0].descendants()[1].removeClassName("toCollapse");
		$(element).ancestors()[0].descendants()[1].addClassName("toExpand");
	}
}

Event.observe(window, 'load', function(){

	if($('menuPrincipal')){
		$$('#menuPrincipal dl').each(function(el){
			if(el.hasClassName('lang')){
				if(el.descendants()[3]){
					Event.observe(el,'mouseover',function(){
						el.descendants()[3].setStyle({display:'block'});
					});
					Event.observe(el,'mouseout',function(){
						el.descendants()[3].setStyle({display:'none'});
					});
				}
			}
			else if(!el.hasClassName('home')){
				if(el.descendants()[2]){
					Event.observe(el,'mouseover',function(){
						el.descendants()[2].setStyle({display:'block'});
					});
					Event.observe(el,'mouseout',function(){
						el.descendants()[2].setStyle({display:'none'});
					});
				}
			}
		});
	}

});



//-- CARTE D'IMPLANTATION ----------------------------------------------------//

var contentMap = '';

function onBodyLoad()
{
	for(i=0; i<tabPoint.length; i++)
	{	
		contentMap += '\n\t<div class="infobulle png_bg" id="'+tabPoint[i].pays+'_info'+'"></div>\n\t<div class="point png_bg" id="'+tabPoint[i].pays+'"></div>\n';
	}
  
  contentMap += '\n\t<div id="infoSite" class="png_bg">\n\t\t<img src="/templates/1/medias/img/carte-implantation/btn-fermer.png" width="20" height="20" id="btn-close" />\n\t\t<div id="pays"></div>\n\t\t<div id="coordonnees"></div>\n\t\t<div id="webInfo"></div>\n\t</div>\n';
  
  	
	$('map').innerHTML = contentMap;
	
	initMap();	
}

function initMap()
{
	$('infoSite').setStyle({ display: 'none' });
	$('infoSite').setStyle({ opacity: 0 });
	
	//BTN FERMER
	$('btn-close').onclick = function()
	{
		 $('infoSite').fade({ duration: 0.5, from: 1, to: 0 });
		//$('infoSite').setStyle({ display: 'none' });
	}
	
	//POINTS & INFOBULLE	
	for(i=0; i<tabPoint.length; i++)
	{	
		$(tabPoint[i].pays).txtPays = tabPoint[i].pays;
		$(tabPoint[i].pays).txtCoor = tabPoint[i].coordonnees;
		$(tabPoint[i].pays).txtWeb = tabPoint[i].webInfo;
		$(tabPoint[i].pays).infoBulle = tabPoint[i].pays+'_info';
		
		//Point
		$(tabPoint[i].pays).setStyle({ left: tabPoint[i].x + 'px' });
		$(tabPoint[i].pays).setStyle({ top: tabPoint[i].y + 'px' });
		
		if(tabPoint[i].siege == 'oui' || tabPoint[i].siege == 'OUI' )
		{
			$(tabPoint[i].pays).className = 'point-siege png_bg';
			$(tabPoint[i].pays).setStyle({ left: (tabPoint[i].x-10) + 'px' });
		}
		
		//Infobulle
		$(tabPoint[i].pays+'_info').setStyle({ left: (tabPoint[i].x-126) + 'px' });
		$(tabPoint[i].pays+'_info').setStyle({ top: (tabPoint[i].y-35) + 'px' });		
		$(tabPoint[i].pays+'_info').setStyle({ display: 'none' });
		$(tabPoint[i].pays+'_info').innerHTML = tabPoint[i].pays;
		
		$(tabPoint[i].pays).onmouseover = function()
		{					
			$(this.infoBulle).appear({ duration: 0.0 });			
		};
		
		$(tabPoint[i].pays).onmouseout = function()
		{
			$(this.infoBulle).fade({ duration: 0.0, from: 1, to: 0 });
		}
		
		$(tabPoint[i].pays).onclick = function()
		{
			var infoSiteDisplay = $('infoSite').getStyle('display');
			
			if( infoSiteDisplay == 'none' )
			{
				$('infoSite').appear({ duration: 0.8 });
				//$('infoSite').setStyle({ display: 'block' });	
			}

			$('pays').innerHTML = this.txtPays;
			$('coordonnees').innerHTML = this.txtCoor;
			$('webInfo').innerHTML = this.txtWeb;
		}
	}
}