// DROP DOWN BY Eric
$(document).ready(function() {
						   
//Configuration
   
var tempsTransition = 100;
var tempsAttente = 4500;// vitesse
var currentPosition = 1;
var interval;
	
var fData1 = new Array('a','b');// mois - randonnées
var fData2 = new Array('a','b');// mois - social
		 
var fichier = "a"; // menu principal
	  
var img1=new Array("riviere.bmp","","non");
var img2=new Array("kinnear.jpg","","non");
var img3=new Array("kamouraska1.jpg","","non");
var img4=new Array("patrice.jpg","","non");
var img5=new Array("arbre.jpg","","non");
var img6=new Array("foret.jpg","","non");
var img7=new Array("elzear.jpg","","non");
var img8=new Array("arbouse1.jpg","","non");
var img9=new Array("eucher.jpg","","non");
var img10=new Array("pins.jpg","","non");
var img11=new Array("squatec.jpg","","non");
var img12=new Array("andalouse.jpg","","non");
var img13=new Array("beaupre.jpg","","non");
var img14=new Array("agathe.jpg","","non");

var images=new Array(img10,img2,img3,img4,img6,img7,img8,img9,img1,img11,img14,img13,img12,img5);// images

var numberImages= images.length;
var mois=new Array();
mois['a']='Janvier • Février';
mois['b']='Mars • Avril';
mois['c']='Mai • Juin';
mois['d']='Juillet • Août';
mois['e']='Septembre • Octobre';
mois['f']='Novembre • Décembre';
		  var classe;
		  var i,n;
		  url= location.href;
          url=url.split('/');
          url=url[4];
          url=url.substr(0,7);
		 
		  $('.slide').fadeOut(5);
		  
          $('#titreSpan').fadeOut(5);
		  
          $('#mois ul li').fadeOut(0);
		  if($('#mois').attr('class')=='rand'){		
		    $.each(fData1 ,function(i, n){
				var x=fData1[i];
			    var moisSection=mois[x];				
				if(url==('f2_s02'+fData1[i])){
				   
				    classe='actif';}else{classe='';}	      
					 $('#mois ul').append('<li><a href="f2_s02'+ 
									 fData1[i] +'.html" title="Randonn&eacute;es." class="'+classe+'">'+moisSection+'</a></li>');
				
			});
		  }
		   if($('#mois').attr('class')=='soc'){			
		     $.each(fData2 ,function(i, n){					
				var x=fData2[i];
			    var moisSection=mois[x];
				if(url==('f2_s03'+fData2[i])){
				   var classe='actif';}else{classe='';}					
                        $('#mois ul').append('<li id="mois'+i+'"><a href="f2_s03'+ 
					        fData2[i] +'.html" title="Social." class="'+classe+'">'+moisSection+'</a></li>');
				
			});
		  }
		 
function autoplay(){
	
 if(currentPosition == numberImages){
	 currentPosition = 0;}			

  currentPosition = parseInt(currentPosition) + 1;
   $('.slide').fadeOut(50);  
  
ni=parseInt(currentPosition -1);

if(images[ni][2]=='non'){
   //$('#titreSpan').fadeOut(5);
	$('.titres').css({'display':'none'});
	}
	else{ 
	$('.titres').css({'display':'block'});
	//titre='';
	//$('#titreSpan').fadeIn(1000);
	}
 
$('#titreSpan').fadeIn(1000);
$('#'+currentPosition).fadeIn(1000);
  }

  function start() {  
	interval = setInterval(autoplay, tempsAttente );}

start(); 
$.each(images, function(i,n){
								  if(images[i][2]=='oui'){
									  var titre=images[i][1];}
									  else{
										var titre='';  
									  }
    
								  var nb=i+1;
	$('#slidesContainer').append('<div class="slide" id="'+nb+'"><div id="'+images[i][2]+'" class="titres" style="display:none;">'+
				'<span id="titreSpan" style="position:absolute;float:left;margin:40px 0 0 30px;'+
				   'font:Arial;color:#fff;font-size:36px;font-weight:bold;">'+titre+'</span></div>'+
'<img src="imagesBan/'+images[i][0]+'" alt="'+images[i][1]+'" title="'+images[i][1]
+'" style="visibility:visible;" />'+'</div>');	
								  
								  });
$('#navigation ul li').eq(1).html('<a href="f2_s02'+ fichier +'.html" title="Randonn&eacute;es">Randonn&eacute;es</a>');
$('#navigation ul li').eq(2).html('<a href="f2_s03'+ fichier +'.html" title="Social">Social</a>');
$('#menu-centre ul li').eq(1).html('<a href="f2_s02'+ fichier +'.html" title="Randonn&eacute;es">Randonn&eacute;es</a><span class="tiret">|</span>');
$('#menu-centre ul li').eq(2).html('<a href="f2_s03'+ fichier +'.html" title="Social">Social</a><span class="tiret">|</span>'); 

					   //menu 
						   
		$("#navigation .menu").mouseover(function() {
		    $(".menu_body").css({"opacity": "0.95","margin-left":"-20px"});
			$(".navigation li a").css({'height':'20px'});
			
		});
				
	});