// JavaScript Document
var opacite = 100;
var diapo=1;
var nb_diapo=4;


function runIt() {
	  if(opacite==100){
		  opacite=0;
		  $("div.bouton img").fadeOut(2600);
	  }else{
		  opacite=100;
		  $("div.bouton img").fadeIn(2600);
	  }
}

function change_diapo(sens){
	$('div.vignette').hide();
	if(sens=='previous'){
		diapo_suivante=diapo-1;
	}else{
		diapo_suivante=diapo+1	
	}
	if(diapo_suivante<1){
		diapo_suivante=nb_diapo;
	}else if(diapo_suivante>nb_diapo){
		diapo_suivante=1;
	}

	$('#diapo'+diapo).fadeOut(500);
	$('#diapo'+diapo_suivante).fadeIn(500);
	diapo = diapo_suivante;
}

$(document).ready(function(){
	$('div.bouton').click(
		function(){
			$('div.vignette').hide();
			var top = $(this).css("top").substr(0, $(this).css("top").length-2);
			if(top>230){
				top=top-140;
			}
			$('#vignette'+this.id.substr(6,1)).css("top",top+"px");
			$('#vignette'+this.id.substr(6,1)).css("left",$(this).css("left"));
			$('#vignette'+this.id.substr(6,1)).show();
			sIFR.replace(palatino, {
			  selector: 'h3',
			  css: ['.sIFR-root { background-color: #FFFFFF; color: #9a0001; font-size:16px;font-weight:bold; }', 'a {color: #9a0001; text-decoration: none;}', 'a:hover{color: #9a0001;}']
			});
		}
	);
	$('#previous').click(
		function(){
			change_diapo('previous');
	});
	$('#next').click(
		function(){
			change_diapo('next');
	});
	$('#previous').hover(
		function(){
			$('#previous').children('span').show();
		},
		function(){
			$('#previous').children('span').hide();
		}
	);
	$('#next').hover(
		function(){
			$('#next').children('span').show();
		},
		function(){
			$('#next').children('span').hide();
		}
	);
	
	setInterval("runIt()", 3000);
});