function categorie(cat){
	anim('#pt_content_menu','-1000px','#');
	setTimeout(function () {taille_menu (cat);},tempsTransition);
	setTimeout(function () {anim ('#pt_content_menu','-30px','#');},tempsTransition);
}

function taille_menu(cat){
	$('.vignette').css('width', '100px');
	$('.vignette').css('marginLeft', '-830px');
	$(cat).css('width', '400px');
	$(cat).css('marginLeft', '-870px');
	window.location.href='#top';
}

///////////////////////////////////////
/////// focntion qui affiche les controleurs ou non
///////////////////////////////////////

function gerelescontroles(){
if(currentPosition===1){$('#leftControl').hide();}else{$('#leftControl').show()}
if(currentPosition===0){$('#leftControl').hide(); $('#rightControl').hide();}
}

///////////////////////////////////////
/////// attribut la bonne legende quand on change d'image
///////////////////////////////////////

function attribut_texte(){
	if(currentPosition == numberOfSlides){
		texte_actuel = texte[1];}
	else{texte_actuel = texte[currentPosition];}
	if(typeof(change_couleur_texte)!='undefined'){
		if(change_couleur_texte===currentPosition){
			$('.infobulle').css('color', '#FFFFFF');
			$('#titre').css('color', '#FFFFFF');
		}else{
			$('.infobulle').css('color', '#000000');
			$('#titre').css('color', '#000000');
		}
	}
	if(typeof(texte_actuel) == 'undefined'){texte_actuel = "";}
	
}

///////////////////////////////////////
/////// fonction slide fille
///////////////////////////////////////

function anim(id,pos,changepage){
	if(ie != true){cache();}
	changeOpac(0, "curseur");
	$(id).animate({
    'marginLeft' : pos
    },{
    duration: tempsTransition,
	easing:'easeInOutExpo',
	complete: function() {
	if(ie==true){montre(passage);}
	changeOpac(100, "curseur");
	if(changepage!= '#'){window.location.href=changepage;}
	gerelescontroles();
	}
	});
}

///////////////////////////////////////
/////// fonction mere du slide
///////////////////////////////////////

function slide(direction,changepage){	
	if(direction == 'right'){currentPosition++;}					// si on clique sur la fleche de droite ou sur l'image
	if(direction == 'left'){currentPosition--;}					// si on clique sur la fleche de gauche
	if(direction == 'sortie'){currentPosition = 0;}				// si on clique sur la croix
	if(currentPosition == numberOfSlides ){currentPosition=1;}		// si on est allé vers la droite alors que l'on était sur la derniere image du slide
	changeOpac(0, "curseur");										// on masuqe la legende pendant le slide
	attribut_texte();												// 
	anim('#slideInner',slideWidth*(-currentPosition),changepage);	// on lance le slide
}



$(document).ready(function(){
	document.body.style.background = "none"; 
	if (navigator.appName!="Microsoft Internet Explorer") {ie = false}else{ie=true}			// permet de tester si on est sous ie (utile pour les bugs de la bulle d'ie (bulle.js)			   
	$('body').css('backgroundColor', 'white');	
	
	tempsTransition = 500;
	currentPosition = 0;
	slideWidth = 6000;
	var slides = $('.slide');
	numberOfSlides = slides.length;

	// Supprime la scrollbar en JS
	$('#slidesContainer').css('overflow', 'hidden');
	$('#slideshow').css('overflow', 'hidden');
	$('body').css('overflow', 'hidden');
	
	if(typeof(page) != 'undefined'){if(page == "index"){anim('.image_menu','20px','#'); colindex();}}
	
	// Attribue  #slideInner  à toutes les div .slide
	slides
	.wrapAll('<div id="slideInner"></div>')
	
	// Float left to display horizontally, readjust .slides width
	.css({
	'float' : 'left',
	'width' : slideWidth
	});

	// Longueur de #slideInner égale au total de la longueur de tous les slides
	$('#slideInner').css('width', slideWidth * numberOfSlides);
	$('#slideInner').css('height', '100%');

	// Insert les controles
	$('#bloc_boutons')
    .prepend('<span class="control" id="leftControl">Précédent</span>')
    .append('<span class="control" id="rightControl">Suivant</span>')
	.append('<span class="control" id="croix">quitter</span>')
	.append('<span class="control" id="survol">quitter</span>')
	.append('<span class="controlb" id="titre"></span>')
	//.append('<span class="controlb" id="titre"></span>')
	;
	if(typeof(lescredits) != 'undefined'){titre = titre + " <span class='credit'>" + lescredits + "</span>";}
	//alert(titre);
	if(typeof(titre) != 'undefined'){GetId("titre").innerHTML = titre;}else{GetId("titre").innerHTML = "";}


    $("img.image").click( function(){slide('right','#');});
	$("#leftControl").click( function(){slide('left','#');});
	$("#rightControl").click( function(){slide('right','#');});
	$("#croix").click( function(){slide('sortie','pellier-patrice-menu.html');});
	
});



///////////////////////////////////////
/////// focntion change la couleur de l'index
///////////////////////////////////////

function colindex(){
	lettre1=renvoieentre0etF();
	lettre2=renvoieentre0etF();
	lettre3=renvoieentre0etF();
	lettre4=renvoieentre0etF();
	lettre5=renvoieentre0etF();
	lettre6=renvoieentre0etF();
	lettrage = "#" + lettre1 + lettre2 + lettre3 + lettre4 + lettre5 + lettre6;
	$('.vignette_index').css('backgroundColor', lettrage);
	setTimeout("colindex()",1000);
}

function renvoieentre0etF(){
	lettre=Math.random();
	lettre=lettre*8+8;
	lettre=Math.floor(lettre);
	if(lettre == 10){lettre = "A";}
	if(lettre == 11){lettre = "B";}
	if(lettre == 12){lettre = "C";}
	if(lettre == 13){lettre = "D";}
	if(lettre == 14){lettre = "E";}
	if(lettre == 15){lettre = "F";}
	return(lettre);
}