var mesure=0;
	var fontsize=12;
	var articleH='39em';
	var pourcentage=1;
	var windowWidth=1;
    //  Construit le tableau des sections
	var sections=new Array();
	var sectionsN=new Array();
	var sectionsNFull=new Array();
	var sectionActive=1;
	var sectionaactiver;
	var activeIllu='';
	var cleUser='';
	
	// ***** DIMENSIONS DES BANDEAUX ************//
	var headerH=12/100; //plus utilis\u00E9 au profit d'un calcul savant
	var footerH=0/100;
	var containerH=1-(headerH+footerH);
	
//* ********************** DIMENSIONNEMENT DES OBJETS ***********/
function size_browser(){
		windowWidth = $(window).width();
        windowHeight = $(window).height();
      
    if($.browser.msie && $.browser.version < "8.0"){
      margin = 10;
    } else {
      margin = 0;
    }
    scrollbar = 0;
    
    elemCount = $(".section").length;
		
    contentWidth = (((windowWidth * elemCount) + (scrollbar * elemCount)));
	//headerH=((windowWidth*0.6/5)/1.63)/windowHeight;
	headerH=((windowWidth*0.6/6.4)/1.63)/windowHeight;
	containerH=1-(headerH+footerH);
	//alert('resize');
    $(".section").css({
      width: (windowWidth + margin - scrollbar) + 'px'
    });
    $(".content").css({
      width: (contentWidth) + 'px',
      left: (-(windowWidth + margin - scrollbar)*(sectionActive-1))+'px'
    });
    
	  $(".container").css({
      height: ((windowHeight)*containerH) + 'px'
    });
		
	  $(".footer").css({
      height: ((windowHeight )*footerH) + 'px'
    });	
		
	  $(".header").css({
      height: ((windowHeight)*headerH) + 'px'
    });
    
     $(".bouton").css({
      height: (parseInt($(".bouton").css('width'))*119/194) + 'px'
    });

		
		// fixe la variable qui sert \u00E0 d'autres
		mesure=(this.windowWidth + this.margin) - this.scrollbar;
		
		//masque la barre de d\u00E9fillement de droite \u00E9ventuelle
    $("body").css('overflow-x', 'hidden');
		//alert('content='+contentWidth+' section='+(windowWidth + margin - scrollbar)+' container='+(windowHeight - $(".header").height() - $(".footer").height()));
		//Fixe la taille de la police
		var preferredHeight = 768; 
		var preferredWidth=800; 
		var percH=windowHeight / preferredHeight;
		var percW=windowWidth / preferredWidth;
		
		if (percH<percW) 
			percentage=percH;
		else
			percentage=percW;
		
		var newFontSize=Math.floor(fontsize * percentage)+1;
		if ((Math.floor(fontsize * percentage)+1)<9)
			{
			newFontSize=9;
			}
		//alert(Math.floor((0+(15*percentage)))+'em');
		$("body").css("font-size", newFontSize);
		// hauteur du coprs des articles
		articleH=10+25*percentage;
			//$('.corps').css('height',articleH+'em');
		// Dimensions et positionnement du PAPILLON
		/*$("#papillon").css("bottom", (((1-headerH)*windowHeight)-parseInt($('.interieur').css('margin-top'))-5)+'px');
		$("#papillon").css("height", ((headerH*windowHeight)+parseInt($('.interieur').css('margin-top'))+4)+'px');
		$("#papillon").css("width", (parseInt($('.bouton').css('width')))+'px');*/
	
		//alert(articleH);
  }
  /************* FIN DU SIZER ********************************/

 /* **********************SLIDEN******************************** */
/* ** sert \u00E0 naviguer de gauche/droite */	
function sliden(destination){
	//Permet de slider de jusqu'\u00E0 destination
	//d\u00E9tecte la position actuelle
	 $('.article').show();
 	 $('.article').removeClass('over');
 	 // referme les cors d'aricle droit et gauche et donc les article1
 	 $('.article .corps').hide();
 		currPos = $(".content").css('left');
	currPos = currPos.substr(0, (currPos.length - 2));
	//li'ndice est le num\u00E9ro de la section actuelle de 1 \u00E0 n
	indice=1-currPos/mesure;
	// le saut est le nombrede section \u00E0 sauter
	//saut=indice-destination;
	saut=1-destination;
		
	if(!isNaN(saut*mesure)) 
		{
		// change la classe des boutons pour retirer le menu2selected
		$(".bouton2").removeClass("menu2selected");
		//Met la class menu2selected au chapitre \u00E0 montrer
		$(".bt"+sectionsN[destination].substring(1,sectionsN[destination].length)).each(function(){
				$(this).addClass('menu2selected');
				});
		// finalement on saute
		sectionActive=destination;
		$(".content").animate({
                    left: (saut*mesure) + 'px'
					}, 600); 
		}
	// teste si on est pas en d\u00E9passement et masque les boutons
	if(sectionActive==1)
		{
		//on est au d\u00E9but on masque le bouton previous
		$(".slider.prev").hide();
		}
	else
		$(".slider.prev").show();
		
	if(sectionActive==(sectionsN.length-1))
		{
		//on est au d\u00E9but on masque le bouton previous
		$(".slider.next").hide();
		}		
	else
		$(".slider.next").show();
	
	//D\u00E9marque toutes les pages
	$('.bouton2').removeClass('btselected');
	//******* indique la page s\u00E9lectionn\u00E9e
	$('.bt'+location.hash.substring(1,location.hash.length)).addClass('btselected');	
	
	// Place le bon texte sur les boutons next et prev
	var stNext='Page '+(sectionActive+1)+'/'+sectionsN.length+' '+sectionsNFull[sectionActive];
	var stPrev='Page '+(sectionActive-1)+'/'+sectionsN.length+' '+sectionsNFull[sectionActive-2];
	$('.prev').attr('titrepage',stPrev);
	$('.next').attr('titrepage',stNext);
	indicePage=''+sectionActive;
	$('.stpage').removeClass('active');
	$('#'+indicePlanche+'-'+indicePage).addClass('active');
	$('#'+indicePlanche+'-'+indicePage).parent().addClass('opened');
	$('#'+indicePlanche+'-'+indicePage).parent().parent().parent().addClass('opened');
	//Marque la page de la planche dans l'historique
	marqueurVisite();
}	 
/**********  FIN DE SLIDEN ******************************/

function gotoNext(moi)
	{
	moi.show().hide();
	st=location.href.substring(0,location.href.indexOf('.html'))+'.html';
	window.location=st+sectionsN[++sectionActive];
	}	
function gotoPrevious(moi)
	{
	moi.show().hide();
	st=location.href.substring(0,location.href.indexOf('#'));
	window.location=st+sectionsN[--sectionActive];
	}	

/************  READY  ***********************************/	
$(document).ready(function(){
	st="";
	i=1;
	
	// Fait la liste des sections pouvant \u00EAtre parcourues par next/previous
	$(".section").each(function(){
		st+=$(this).attr("name");
		sections['#'+$(this).attr("name").toLowerCase()]=i;
		sectionsN[i++]='#'+$(this).attr("name").toLowerCase();
		//alert(sectionsN[i-1]+sections[sectionsN[i-1]]);
		});
	// d\u00E9fini la section active selon l'url
	if (location.hash!='')
		{
		st=location.href.substring(location.href.indexOf('#'),location.href.length);
		sectionActive=sections[st];
		}
	else
		{
		// Pas de #xxx dans l'url donc on se trouve dans la partie initiale donc pas de "previous"
		sectionsActive=1;
		}
	// Resize la fen\u00EAtre		           
	size_browser();
  
	// Affiche les Prev/next
	$(".slider").show();
    // Ecoute les Prev/Next de la section
  	$(".slider").click(function(event)
  		{
		if($(this).hasClass('next'))
			{
			gotoNext($(this));
    		} 
    	else 
    		{
			gotoPrevious($(this));
			}
    	event.preventDefault(); 
  		});
	// Ecoute les Prev/Next du footer
	$('.icone.prev').click(function(){gotoPrevious($('.slider.prev'));});
	$('.icone.next').click(function(){gotoNext($('.slider.next'));});
	
	// Ecoute les changements de page au sein de la planche
	$(window).hashchange(function()
		{
  		// si il y a une anchor dans l'url
  		//Cherche dans le tableau des sections la pr\u00E9sence de cette section
 		sliden(sections[location.hash]);
 		});
	
	// Lie la fonction avec le changement de size du browser  
  	$(window).bind("resize", size_browser).trigger("resize");
/*$(window).resize(function(){
alert('popo');
//size_browser();
});*/
	//******* positionne la page selon l'url 
	sliden(sections[location.hash]);
	//alert('.bt'+location.hash.substring(1,location.hash.length));
	
	//D\u00E9marque toutes les pages
	$('.bouton2').removeClass('btselected');
	//******* indique la page s\u00E9lectionn\u00E9e
	// si aucune alors va \u00E0 accueil
		if (location.hash=='')
			{
			// Pas de #xxx dans l'url donc on se trouve dans la partie initiale on met accueil
			st=location.href;
			//alert(st.charAt(st.length-1));
			if(st.charAt(st.length-1)!="#")
				window.location=st+'#accueil';
			else
				window.location=st+'accueil';
			//Marque la page de la planche dans l'historique
			//marqueurVisite();
			}
		else
			{
			
			$(".bt"+sectionsN[sections[location.hash]].substring(1,sectionsN[sections[location.hash]].length)).each(function(){
				$(this).addClass('btselected');});
			if (location.hash=='#accueil')	
				{
				//pas de sliden pour ce cas donc on logue directement ici
				//Marque la page de la planche dans l'historique
				//marqueurVisite();
				}
			}
 //**** Affiche masque le diapo
 	 $('#diaporama #closediapo').click(function(){
 	 var dp=$(this).parents('#diaporama');
 	 
 	 	dp.css('display','none');
 	  	 //dp.next('.diaposhow').css('display','block');
 	  	 dp.next('.diaposhow').fadeIn('slow');
 	 	});
 	 	
 	 $('.diaposhow').click(function(){
 	 	$(this).css('display','none');
 	 	$(this).prev('#diaporama').fadeIn('slow');
 	 	return(false);
 	 	});	
 	 	
 	 	




	});  // fin du document.ready


/*** Partie \u00E0 placer ailleurs concerne les effets de menu */


function hideHelp(){

$("#help").hide();
$("#help").html('');
clearTimeout();

}
function showHelp(event,moi){
var msg = "";

  $('#help').css('z-index',moi.css('z-index')+1);
  $('#help').css('top',(event.pageY+55)+'px');
  
  msg = moi.attr('titrepage');
  var w=msg.length;
  $('#help').css('left',(event.pageX+20)-((w/2*fontsize*pourcentage)*(event.pageX/windowWidth))+'px');
$('#help').html(msg);
 $("#help").show();
	}
	


$(document).ready(function() {
// Titre des pages sur survol de la souris
$(".helpen").mouseenter(function(event) {
showHelp(event,$(this));});	
$("div.helpen").mousemove(function(event) {
	showHelp(event,$(this));});	

$(".helpen").mouseleave(function(event) {
  var msg = "";
  $("#help").hide();
  $('#help').html(msg);
});	
 
  
// **********  GERE LES ARTICLES MASQUAGE/AFFICHAGE *************** 

 	$('.viewme').mousestop(function(){
 		var monart=$(this).parent().parent().parent('.article');
 		$('.article').hide();
 		monart.addClass('over');
 		monart.children('.closearticle').show();
 		//monart.children('corps').css('display','block');
 		
 		//$('article .corps').css('display','block');
 		
 		monart.scroll(function(){
 			monart.children('.closearticle').css('top',(monart.scrollTop()+7)+'px');
 			});
  		$('article .corps').css('display','block');
 		monart.css('display','block');
 		});
 		
 		
 	 $('.closearticle').click(function(){
 	 	//masque les diapochow eventuels
 	 	
 	 	$('.diaposhow').css('display','none');
 		 $(this).hide();
 		 $('article .corps').css('display','none');
 		
 		 $(this).parent().removeClass('over');
 		 $('.article').hide();
 		 $('.article').fadeIn('slow');
 	 
 	 
 	 // Ferme l'article en cours et affiche les autres lors de changement de page
 	 $('.interne').click(function(){
 		 $('.article').show();
 	 	$('.article').removeClass('over');
 	 	$('.corps').hide();
 	 	
 		// window.location=$(this).attr('href');
 	 	//return(false);
 	 
 	 	});
 	 	
 	
 });
// *****************************************************************

//**********  G\u00E8re le grossissement des images d'illu
/*
$(".illu").mouseenter(function(event) {
	//alert($(this).width());
	l1=$(this).width();
	h1=$(this).height();
	y1=$(this).position().top;
	// On veut la multiplier par 3


	//alert(event.pageY);

	$('#illuviewer').css('width',(3*l1)+'px');
	$('#illuviewer').css('height',(3*h1)+'px');
	$('#illuviewer').css('left',(event.pageX-((3/2)*l1))+'px');
	$('#illuviewer').css('top',(event.pageY-(3*h1)-h1)+'px');
	activeIllu=$(this).attr('src');
	
	//alert($(this).position().pageY);

	$('#illuviewer').css('background-image','url('+activeIllu+')');
	$('#illuviewer>.legende').text($(this).attr('title'));
	$('#illuviewer>.legende').css('width',(2.5*l1)+'px');
	$('#illuviewer>.legende').show();
	$('#illuviewer').show('fast');	
	});
	
$(".illu").mouseleave(function(event) {
$('#illuviewer').hide();

$('#illuviewer>.legende').show();
 });
*/

//*****  SOCIAL  - RECHERCHE  *********/
$('.searchicon').click(function(){

		$('#recherche').fadeIn();
		$('#overlay').fadeIn();
		$('#searchquery').focus();
		return(false);

});
$('#closesearch').click(function(){
		$('#overlay').fadeOut('slow');
		$('#recherche').fadeOut('slow');

});
//*****  SOCIAL  - AIDE  *********/
$('.interroicon').click(function(){
		showHowTo();
		return(false);
			});
$('#howto').click(function(){

	hideHowTo();
	});

function showResults(text){
	$("#results").html(text);
	/* Met en place les listenner du click sur le lien et ferme le formulaire overlay */
	$('.sArticle').click(function(){
		$('#overlay').fadeOut('slow');
		$('#recherche').hide('hide');
		});
 	}
 function erreurajax(XMLHttpRequest, textStatus, errorThrown){
 alert("textStatus");
 }

function goSearch(){
quer=$('#searchquery').val();
newval=quer.replace(/[-[\]{}()+?.,;\\^$|#\s]/g, " ");
$('#searchquery').val(newval);
//alert(newval);
monUrl='../wsearch?openagent&query='+newval.replace(' ','+');
	$.ajax({
 	   type: "GET",
 	   url: monUrl,
 	   dataType: "text",
 	   success: showResults,
 	   error: erreurajax
		});
		}

/* *** Lance la recherche via AJAX  */
$('#GO').click(function(){
//var rex= new RegExp('[a-zA-Z0-9\u00E0\u00E1\u00E2\u00E3\u00E4\u00E5\u00E7\u00E8\u00E9\u00EA\u00EB\u00EC\u00ED\u00EE\u00EF\u00F0\u00F2\u00F3\u00F4\u00F5\u00F6\u00F9\u00FA\u00FB\u00FC\u00FD\u00FF\-]*');
goSearch();
return false;
	});

$("#searchquery").keypress(function(event) {
  if ( event.which == 13 ) {
     goSearch();
   }
  });

// colorie les titres sur ie et Op\u00E9ra \u00E0 cause de l'absnece des text-shadow

if(($.browser.opera))
	{
	$('.titre1').css('color','rgba(255,255,255,0.6)');
	$('.titrepage').css('color','rgba(255,255,255,0.6)');
	}

	
});  //fin du ready