function slideSwitch(target) {
var $active = $(target+' img.active');
if ( $active.length == 0 ) $active = $(target+' img:last');
var $next = $active.next().length ? $active.next()
: $(target+' img:first');
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
setInterval("slideSwitch('#slideshow')", 3000 );
setInterval("slideSwitch('#slideshow2')", 3000 );
setInterval("slideSwitch('#slideshow3')", 3000 );
setInterval("slideSwitch('#slideshow4')", 3000 );
setInterval("slideSwitch('#slideshow5')", 3000 );
setInterval("slideSwitch('#slideshow6')", 3000 );
setInterval("slideSwitch('#slideshow7')", 3000 );
});

$(document).ready(function(){

	//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
	//Vertical Sliding
	$('.boxgrid.slidedown').hover(function(){
		$(".cover", this).stop().animate({top:'-207px'},{queue:false,duration:300});
	}, function() {
		$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:300});
	});
	//Horizontal Sliding
	$('.boxgrid.slideright').hover(function(){
		$(".cover", this).stop().animate({left:'310px'},{queue:false,duration:300});
	}, function() {
		$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});
	});
	//Diagnal Sliding
	$('.boxgrid.thecombo').hover(function(){
		$(".cover", this).stop().animate({top:'207px', left:'310px'},{queue:false,duration:300});
	}, function() {
		$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
	});
	//Partial Sliding (Only show some of background)
	$('.boxgrid.peek').hover(function(){
		$(".cover", this).stop().animate({top:'90px'},{queue:false,duration:160});
	}, function() {
		$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
	});
	//Full Caption Sliding (Hidden to Visible)
	$('.boxgrid.captionfull').hover(function(){
		$(".cover", this).stop().animate({top:'107px'},{queue:false,duration:160});
	}, function() {
		$(".cover", this).stop().animate({top:'207px'},{queue:false,duration:160});
	});
	
	//Full Caption Sliding (Hidden to Visible)
	$('.boxgrid_big.captionfull').hover(function(){
		$(".cover_big", this).stop().animate({top:'406px'},{queue:false,duration:160});
	}, function() {
		$(".cover_big", this).stop().animate({top:'442px'},{queue:false,duration:160});
	});
	
	//Caption Sliding (Partially Hidden to Visible)
	$('.boxgrid.caption').hover(function(){
		$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
	}, function() {
		$(".cover", this).stop().animate({top:'220px'},{queue:false,duration:160});
	});
	
	$("#voir_synthese").click( function() {
		$('#synthese').fadeIn();
		$.scrollTo( '#synthese', 800 );
	});

	$("#synthese").click( function() {
		$.scrollTo( '#contenu', 800 );
		$('#synthese').slideUp();
	});
	
	$('#example1').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example2').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example3').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example4').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example5').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example6').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example7').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example8').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example9').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example10').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example11').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example12').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example13').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example14').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example15').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example16').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example17').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example18').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example19').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example20').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example21').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example22').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example23').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example24').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example25').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example26').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example27').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
	$('#example28').FontEffect({ gradient:true, mirror:true, mirrorColor:'#298d79' })
});