function updateSphere(e){

	Event.stop(e);				
	var elt = Event.element(e);
	var url = elt.getAttribute('href');

	if( url != null){	
		var idSphere = getParamUrl('sphere',url);
			
		var sphActive = document.getElementsByClassName('sphActive');
		Element.removeClassName(sphActive[0], 'sphActive');
		Element.addClassName(elt, 'sphActive');
		var site = getSite(window.location.href);
		var url = '../shared/ajax.php';
		var myAjax = new Ajax.Request( url,
			{
				method: 'post',
				parameters: { site: site,  sphere: idSphere, action: 'updateSphere'},
				onComplete: updateRea
			});
	}
} // updateSphere

function updateClient(e){
 
	Event.stop(e);
	var elt = Event.element(e);
	var url = elt.getAttribute('href');
	if( url != null){	
		var idRea = getParamUrl('rea',url);
		var reaActive = document.getElementsByClassName('reaActive');
		Element.removeClassName(reaActive[0], 'reaActive');
		Element.addClassName(elt, 'reaActive');
		var site = getSite(window.location.href);
		var url = '../shared/ajax.php';
		var myAjax = new Ajax.Request(url,
			{
				method: 'post',
				parameters: { site: site, rea: idRea, action: 'updateClient'},
				onComplete: updateRea
			});
	}
} // updateClient

function updateImage(e){
	Event.stop(e);
	var elt = Event.element(e);
	var url = elt.parentNode.getAttribute('href');
	if( url != null){	
		var numImg = getParamUrl('img',url);		
		var imgActive = document.getElementsByClassName('imgActive');
		Element.removeClassName(imgActive[0], 'imgActive');
		Element.addClassName(imgActive[0], 'imgNonActive');
		Element.addClassName(elt, 'imgActive');
		var legende = elt.getAttribute('alt');
		legende = legende.replace(/"/g, """);
		var src = document.getElementById('image').getAttribute('src');
		src = src.substring(0, src.lastIndexOf('_') + 1) + 'img'+numImg+'.jpg';

		var image = new Image;
		Element.update('content_spheres_col3_image', '<img id="loader" src="img/ajax-loader.gif" />');
		
		image.onload = function() {
						Element.update('content_spheres_col3_image', '<img id="image" src="'+image.src+'" alt="'+legende+'" title="'+legende+'" />');
						};
						
		image.src = src; //Apres onLoad pour IE
	}
} // updateImage

function updateRea(requester){
	var rea = eval('(' + requester.responseText + ')');
	var vignette = new Array();
	var loadImages = new Array();
	var vignettes_spheres = new String();
	for ( i = 1; i < 5; i++ ) {
		var legende = 'rea.legende_'+i;
		legende = eval(legende);
		if( legende || legende == "" ){
			vignette[i] = new Image;
			vignette[i].src = rea.root+'_id'+rea.id_rea+'_vig'+i+'.jpg';
			vignette[i].alt = eval('rea.legende_'+i);
			if (i == 1) {
				vignettes_spheres += '<li id="vig'+i+'"><a href="spheres.php?sphere='+rea.id_sphere+'&amp;rea='+rea.id_rea+'&amp;img='+i+'"><img class="imgActive" alt="'+vignette[i].alt+'" title="'+vignette[i].alt+'" src="'+vignette[i].src+'" /></a></li>';
			} else {
				loadImages[i] = new Image;
				loadImages[i].src = rea.root+'_id'+rea.id_rea+'_img'+i+'.jpg'
				vignettes_spheres += '<li id="vig'+i+'"><a href="spheres.php?sphere='+rea.id_sphere+'&amp;rea='+rea.id_rea+'&amp;img='+i+'"><img class="imgNonActive" alt="'+vignette[i].alt+'" title="'+vignette[i].alt+'" src="'+vignette[i].src+'" /></a></li>';
			}
		} else { 
			vignettes_spheres += '<li id="vig'+i+'"></li>'; 
		}			
	}

	var image = new Image;
	Element.update('content_spheres_col3_image', '<img id="loader" src="img/ajax-loader.gif" />');

	image.onload = function() {
						Element.update('content_spheres_col3_image','<img id="image"  src="'+image.src+'" alt="'+rea.legende_1+'" title="'+rea.legende_1+'" />');
						Element.update('vignettes_spheres', vignettes_spheres);
						Element.update('titre_rea', '//&nbsp;&nbsp;'+rea.titre+'&nbsp;&nbsp;//');

						Element.update('infos_rea', rea.texte);
						
						if (rea.mission) {
							document.getElementById('mission_rea').setStyle({display:'block'});
							Element.update('mission_rea', '<span class="ss_titre_rea">Mission(s) :</span>'+rea.mission);
						} else {
							document.getElementById('mission_rea').setStyle({display:'none'});
						}
						
						if (rea.description) {
							document.getElementById('description_rea').setStyle({display:'block'});
							Element.update('description_rea', '<span class="ss_titre_rea">Description du projet :</span>'+rea.description);
						} else {
							document.getElementById('description_rea').setStyle({display:'none'});
						}
						
						if( rea.menuitem ){
							var menu_clients = new String();
							for ( var i=0 ; i < rea.menuitem.length ; i++ )
        					{
								if( rea.id_rea == rea.menuitem[i].id ){
									menu_clients += '<li><a class="reaActive" href="spheres.php?sphere='+rea.id_sphere+'&amp;rea='+rea.menuitem[i].id+'">'+rea.menuitem[i].nom+'</a></li>';
								} else{
									menu_clients += '<li><a href="spheres.php?sphere='+rea.id_sphere+'&amp;rea='+rea.menuitem[i].id+'">'+rea.menuitem[i].nom+'</a></li>';
								}
							}
						Element.update('menu_clients', menu_clients);
						}
					};
					
	image.src = rea.root+'_id'+rea.id_rea+'_img1.jpg';//Apres onLoad pour IE
}//UpdateRea

function getParamUrl(param, url){
	switch(param) {
		case 'sphere': 
			var idSphere = parseInt(url.substring(url.indexOf('=') + 1), 10);
			return idSphere;
			break;
		case 'rea': 
			var idRea = parseInt(url.substring(url.indexOf('=',url.indexOf('=') + 1) + 1), 10);
			return idRea;
			break;
		case 'img': 
			var numImg = parseInt(url.substring(url.lastIndexOf('=') + 1), 10);
			return numImg;
			break;
		default: break;
	}
}//getParamUrl

function getSite(host){
	host = host.substring(host.indexOf('/',7)+1, host.indexOf('/', host.indexOf('/',7) + 1) );
	return host;
}//getSite

function envoiSphere(e) {
	Event.stop(e);
	var elt = Event.element(e);
	var url = elt.getAttribute('href');
	var idSphere = getParamUrl('sphere',url);
	document.getElementById('sphere').value = idSphere;
	document.forms['formSphere'].submit(); 
} // envoiSphere

function gestionEvenements() {
	if( document.getElementById('menu_spheres_intro') ) Event.observe('menu_spheres_intro', 'click', envoiSphere);
	if( document.getElementById('menu_spheres_inter') ) Event.observe('menu_spheres_inter', 'click', updateSphere);
	if( document.getElementById('menu_clients') ) Event.observe('menu_clients', 'click', updateClient);
	if( document.getElementById('vignettes_spheres') ) Event.observe('vignettes_spheres', 'click', updateImage);
	
	var image = new Image;
	image.src = "img/ajax-loader.gif";
} // gestionEvenement

Event.observe(window, 'load', gestionEvenements);