//jQuery

$(document).ready(function(){
	
	$("#special").delay(5000).fadeOut(2000);
		   
	$("#voeux").delay(5000).fadeOut(2000);

	$("#content .flap h4").hide();
	
	// Diaporama
	var myDiapo = $(".ssheader").jDiaporama({

		debugMode: false,                   // Affiche des informations dans la console
		auto: true,                         // Le diaporama se lit automatiquement
		delay: 3,                           // Délai avant chaque transition
		animationSpeed: "slow",             // Vitesse d'animation
		controls: true,                     // Affichage des boutons de contrôle
		status_controls: false,             // Affichage des boutons de contrôle du bottom (miniatures)
		statusPosition: "bottom",           // Position de la status bar
		keyboard: true,                     // Navigation au clavier
		infos: true,                        // Affichage des informations sur l'image
		onrollover: true,                   // Affiche des infos uniquement au rollover sur l'image
		currentimage: false,                // Affiche du compteur
		paused: false,                      // Diaporama en pause au début
		boucles: 0,                         // Nombre de boucles avant que le diaporama ne s'arrête, 0 = illimité
		sens: "right",                      // Sens du diaporama par défaut
		random: false,                      // Lecture aléatoire
		transition:"fade",                  // Transition: "fade" ou "slice" ou ["slice", "fade"] pour un affichage aléatoire parmi celles choisies
		animationEasing: "easeInQuint",     // Easing pour les animations
		theme: "default",                   // Thème par défaut
		useThumbs: false,                   // Utilisation des miniatures
		thumbsDir: null,                    // Répertoire où se trouvent les miniatures
		constraintWidth: true,              // Adapter la taille de l'image automatiquement
		width:1920,							// Largeur
		height:500,							// Hauteur
		nbSlices: 1,                        // Nombre de tranches horizontales pour les transitions
		nbSlicesH: 1,                       // Nombre de tranches verticales pour les transitions
		onceLoaded: function(){},           // Fonction appelée une fois le script initialisé
		animationStarts: function(){},      // Fonction appelée à chaque début de transition
		animationStops: function(){},       // Fonction appelée à chaque fin de transition
		imageClick: function(){}            // Fonction appelée au click sur l'image
	});
	
	
	// Menu
	
	$("#content .flap").hover(function(){ 	
		$("h4", this).stop("true","true").slideDown();	
	}, function(){ 
		$("h4", this).stop("true","true").slideUp();	
	});
	
	
	$(".sshover").hover(function(){ 	
		animvoletmenu(0.7, '160');	
	}, function(){ 
		animvoletmenu(0.7, '90');
	});
	
	// on hover le div du flap /inside/outside
	$("#flap-anim").hover(function(){ 	

		clearInterval(timerFlap);
	}, function(){
		clearInterval(timerFlap);
		timerFlap = setInterval(slideSwitch, 3000);
	});
	
	// Big Flap
	
	// on compte le nbs de li dans le div
	var lengthFlap = $("#flap-anim li").length;
	// si c'est sup à 1 on lance le setInterval
	if(lengthFlap > 1){
		// on declare le timer à l'exterieur
		var timerFlap; 
		
		// Mais pourquoi le lancer, puis le couper, puis le re-lancer, ben tout simplement parce que IE c'est de la merde, mais bon faut bien que ca marche !
		timerFlap = setInterval(slideSwitch, 3000);
		
		// on lance le diap du flap suivant si la page est chargé (load), focus (changement d'onglet), blur (la fenetre est en arriere plan), mais ca c'est que pour les vrais browser !
		window.addEventListener('focus', function() {
			window.clearInterval(timerFlap);
		    timerFlap = setInterval(slideSwitch, 3000);
		},false);
		
		window.addEventListener('load', function() {
		    window.clearInterval(timerFlap);
		    timerFlap = setInterval(slideSwitch, 3000);
		},false);
		
		window.addEventListener('blur', function() {
		    window.clearInterval(timerFlap);
		},false);
		
		
	 }

});


// functions
function scrollAside(){

	var posScroll = document.documentElement.scrollTop || window.pageYOffset || self.pageYOffset || document.body.scrollTop;

	if(posScroll >= 500){
		userAgent = window.navigator.userAgent;
		if(/iPhone/.test(userAgent) || /iPod/.test(userAgent) || /iPad/.test(userAgent)) {
		  
		  
		  
		  window.onorientationchange = detectIPadOrientation; 
		  detectIPadOrientation ()
		   function detectIPadOrientation () {  
		    
		      if ( orientation == 0 || orientation == 180 ) {  
			       var test = (window.pageYOffset - window.innerHeight + 722) + 'px';
			       $("aside").animate({top:test},1750,function(){}); 
		      }  
		      else if ( orientation == 90 || orientation == -90 ) {  
		       
		       	var test = (window.pageYOffset - window.innerHeight + 166) + 'px';
		       	$("aside").animate({top:test},1750,function(){});
		        
		      } 
		   }  

		}else{
			$("aside").css("position","fixed");
		
		}
		
	}else{
		userAgent = window.navigator.userAgent;
		if(/iPhone/.test(userAgent) || /iPod/.test(userAgent) || /iPad/.test(userAgent)) {
			$("aside").animate({top:0},1750,function(){});
		}else{
			$("aside").css("position","relative");
			$("aside").css("top",0);
		}
	}
}



function animvoletmenu(opac, taille){
	$("#barre-nav").stop().animate({opacity: opac, height: taille},300);
};

var slideSwitch = function() {

    var $active = $('#flap-anim li.active');
    if ( $active.length == 0 ) $active = $('#flap-anim li:last');
    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#flap-anim li:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 750, function() {
            $active.removeClass('active last-active');
        });  
}

if(window.addEventListener) // Firefox 1+, Opera 9, Safari 3+, etc.
    {
    window.addEventListener("scroll", scrollAside, false);
    }
  else if(document.addEventListener) // Opera 7, Opera 8
    {
    document.addEventListener("scroll", scrollAside, false);
    }
  else if("onscroll" in self) // MSIE 6, 7 and MSIE 8
    {
    self.onscroll = scrollAside;
    };