$(document).ready(function(){
    $("#myController").jFlow({
        slides: "#mySlides",
        width: "590px",
        height: "300px",
        duration: 400
    });

	function close_all(){		
		$("#accueil").stop().fadeOut("fast");
		$("#portfolio").stop().fadeOut("fast");
		$("#contact").stop().fadeOut("fast");
		$("#logo").stop().fadeOut("fast");
		$("#page").stop().animate({"borderWidth": "6px"},"slow");
		$("#page").animate({"height": "500px"},"slow");	
	};
		
	$("#accueil").hide();
	$("#portfolio").hide();
	$("#contact").hide();

	$('img').css({"opacity" : .6});
	$(".portfolio_btn").click(function(){
		close_all();
		$('#portfolio').show("slow");
	});
	
	$(".accueil_btn").click(function(){
		close_all();
		$('#accueil').show("slow");
	});
	
	$("#contact_btn").click(function(){
		close_all();
		$('#contact').show("slow");
	});
	
	$("#logo_btn").click(function(){
		close_all();
		$("#page").stop().animate({"borderWidth": "0px"},"fast").animate({"height": "300px"},"slow");
		$('#logo').fadeIn("slow");
	});
	
	$('img').hover(function(){
			$(this).stop().animate({"opacity": 1},"fast");
		},function(){
			$(this).stop().animate({"opacity": .6},"slow");
	});
	
	$('#left').css({"opacity" : .6});
	$('#right').css({"opacity" : .6});
	
	$('#left').hover(function(){
			$(this).stop().animate({"opacity": 1},"fast");
		},function(){
			$(this).stop().animate({"opacity": .5},"fast");
	});
	
	$('#right').hover(function(){
			$(this).stop().animate({"opacity": 1},"fast");
		},function(){
			$(this).stop().animate({"opacity": .5},"fast");
	});
	
});