// JavaScript Document
window.addEvent('domready', init);

function init(){	
	sMenuAddRound(1912);
	sMenuAddRound(1475);
	sMenuAddRound(1476);
	var coin = GoodCorners.round( $$('.round'), {radius: "5px"});
	
	SqueezeBox.assign($$('.boxed'), { parse: 'rel' });
	
	if($('calendrier_datepicker')!=null){
		new vlaDatePicker('exampleIV-B', { 
			style: 'apple_widget', 
			format:'y/m/d',
			//offset: { x: 3, y: 1 }, 
			filePath:jsPath 
		});
		$$('.vlaCalendarPicker apple_widget').setStyle({ 
			  display: 'block',
			  opacity: '100',
			  visibility: 'visible'
		});
	}
	
	// on met la class actuSelected a l'onglet de la premiere actu
	var c=0;
	$$('.nomActu').each(function(el){
		if(c==0){
			el.setAttribute('class','nomActu actuSelected'); 
		}
		c++;
	});
	// on appel la fct changeActu() sans parametre ainsi on aura la premier actu a l'init de la page
	changeActu();
}

function sMenuAddRound(id_menu){ 
	if($('menu_'+id_menu)!=null)
		$('menu_'+id_menu).setAttribute('class',$('menu_'+id_menu).getAttribute('class')+' round');
}

function loadMapComplet(params){
	if(params['cache_map']=='oui' && params['mapDiv']=='mapDiv'){
		if($('mapDiv').getStyle('display')=='none') $('mapDiv').setStyle('display', '');
		else $('mapDiv').setStyle('display', 'none'); }
	var map = new GMap2(document.getElementById(params['mapDiv']));
	var center = new GLatLng(params['geoYarticle'],params['geoXarticle']);
	map.setCenter(center, params['zoom']);
	map.addControl(new GScaleControl());
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	map.setMapType(params['mapType']); // Vue carte
	map.enableContinuousZoom();
	map.enableScrollWheelZoom();
	var marker = new GMarker(center);
	map.addOverlay(marker);
	marker.openInfoWindowHtml(params['infoMarker']);
}

function changeActu(id_actu){
	if($('lactu')!=null){
		// on appel la page php pour metre l'actu selectionner en place
		$('lactu').load('/index.php?action=changeActu&id_actu='+id_actu);
	}
	// si on a selectionne un actu
	if(id_actu!=null){
		// on enleve la class actuSelected au onglet qui l'on
		$$('.actuSelected').each(function(el){ el.setAttribute('class','nomActu'); });
		// puis on met la class actuSelected a l'onglet de l'actu selectionnée
		$('actu'+id_actu).setAttribute('class','nomActu actuSelected');
		// et enfin on deplace la fleche devant le bon onglet
		$('flechActu').setStyle("margin-top",43 * $('actu'+id_actu).get('pos')+"px");
	}
}