//VOLET ACTUS
jQuery(document).ready(function(){
	jQuery(".trigger").click(function(){
		jQuery(".panel").toggle("fast");
		return false;
	});
});

/*************************PORTFOLIO*****************************************/
// cette variable va permettre de stocker le nom de l'image qui est affiché en grand 
var vignetteActive = null;

// on va utiliser la chaine vignette_XX pour référentiel des images, que ce soit pour les balise image (id="vignette_01") ou pour les div de zoom (id="zoom_vignette_01").
// Ainsi, on va pouvoir utiliser dans une fonction la chaine "vignette_01" pour accéder soit au vignette soit au conteneur de la grand image


//vignettes portfolio
function rollVignette(id){
	// ici, on change la vignette seulement si le rollOver doit se voir sur la vignette, et que donc la grand image n'est pas celle affiché
	if( vignetteActive!=id ){
		jQuery('#'+id).attr('src','images/portfolio/vignettes/'+id+'_on.jpg');
	}
}
function outVignette(id){
	// ici, on change la vignette seulement si le rollOut doit se voir sur la vignette, et que donc la grand image n'est pas celle affiché
	if( vignetteActive!=id ){
		jQuery('#'+id).attr('src','images/portfolio/vignettes/'+id+'_off.jpg');
	}
}
function affichePortfolio(fichier){
	// on va charger la liste des vignettes associées au portfolio sélectionné (édition, formation...)
	$.ajax({
	  url: 'vign_'+fichier+'.php',
	  async: true, // permet de pas bloquer le navigateur pendant le chargement
	  success: function(data) { // fonction executé si retour OK, data est le contenu du retour (page HTML)
		$('#vign_vignette').html(data); // on va mettre le code HTML dans le conteneur (balise div qui doit contenir les vignettes) pour l'afficher
		$(".scrollable").scrollable(); // on va mettre appliquer le slide horizontal lorsqu'on a plusieurs pages de vignettes
		
		// c'est le numéro de la série de vignettes
		// exemple, les vignettes/images pour mobilité se nomment : vignette_201.jpg
		var prefixe = '';
		if(fichier=='formation') prefixe = '1'; 
		else if(fichier=='mobilite') prefixe = '2'; 
		else if(fichier=='entreprises') prefixe = '3'; 
		else if(fichier=='partenaires') prefixe = '4'; 
		else if(fichier=='labo') prefixe = '5'; 
		
		// si on a déja un sous menu activé (donc si cette variable a déja été modifié et donc différente de la valeur "null")
		if( ssmenuActif!=null && ssmenuActif!=fichier){
			// on le remet en grisé, normal, il n'est plus active (car c'est la variable id qui contient la nouvelle grande image a afficher)
			jQuery('#btn_'+ssmenuActif).attr('src','images/portfolio/ss_menu/'+ssmenuActif+'_off.gif');
		}
		
		rollSsMenu(fichier);
		ssmenuActif = fichier;
		
		afficheZoom(fichier, 'vignette_'+prefixe+'01' )		
	  }
	});
}

function afficheZoom(portfolio, id ){
	// on va charger le slider de la vignette sélectionnée
	$.ajax({
	  url: 'zoom_'+portfolio+'.php?id='+id, // id contient la valeur qui sera utilisé dans le PHP pour afficher le code html spécifique (via un if( $_GET['id']=='vignette_01 ) { bloc html }' 
	  async: true,
	  success: function(data) {
		$('#zoom_vignette').html(data);
		//slide pour les zoom
		jQuery('.slides').slides({
			preload: true,
			preloadImage: 'img/loading.gif',
			play: 5000,
			pause: 4000,
			hoverPause: true,
			animationStart: function(current){
				jQuery('.caption').animate({
					bottom:0/*si on met un nombre négatif, par ex -35, la légende montera du bas vers le haut, en mettant 0 elle reste fixe*/
				},2000);
				/*
				if (window.console && console.log) {
					// example return of current slide number
					console.log('animationStart on slide: ', current);
				};*/
			},
			animationComplete: function(current){
				jQuery('.caption').animate({
					bottom:0
				},2000);
				/*
				if (window.console && console.log) {
					// example return of current slide number
					console.log('animationComplete on slide: ', current);
				};*/
			},
			slidesLoaded: function() {
				jQuery('.caption').animate({
					bottom:0
				},2000);
			}
		});
	  }
	});
	
	// si on a déja une vignette activé (donc si cette variable a déja été modifié et donc différente de la valeur "null")
	if( vignetteActive!=null && vignetteActive!=id){
		// on la remet en grisé, normale, elle n'est plus active (car c'est la variable id qui contient la nouvelle grande image a afficher)
		jQuery('#'+vignetteActive).attr('src','images/portfolio/vignettes/'+vignetteActive+'_off.jpg');
	}
	// on fait un roll vignette sur l'image en cours, ainsi la vignette ne sera plus grisé
	rollVignette(id);
	
	// on dis qu'on stock dans la variable vignetteActive le nom de l'image en cours
	vignetteActive = id;
	
}
/***SOUS MENU PORTFOLIO***/
var ssmenuActif = null;

function rollSsMenu(id){
	// ici, on change le sous menu seulement si le rollOver doit se voir sur le sous menu, et que donc la grand image n'est pas celle affiché
	if( ssmenuActif!=id ){
		jQuery('#btn_'+id).attr('src','images/portfolio/ss_menu/'+id+'_on.gif');
	}
}
function outSsMenu(id){
	// ici, on change le sous menu seulement si le rollOut doit se voir sur le sous menu, et que donc la grand image n'est pas celle affiché
	if( ssmenuActif!=id ){
		jQuery('#btn_'+id).attr('src','images/portfolio/ss_menu/'+id+'_off.gif');
	}
}