$(document).ready(function(){
	$("#wrap").animate({
		opacity: 1
	},1000,"easeInExpo");
	
	$("#logo-plein").delay(500).animate({
		opacity: 1
	},1000,"easeInExpo",function(){
		$("#logo-coupe").css("opacity",1);
		$("#bulle-i").delay(50).animate({
			top: "5px"
		},1000,"easeOutBounce",function(){
			$("#renovText").delay(50).animate({
				top: "80px",
				opacity: 1
			},850,"easeOutBounce",function(){
				$("#content a,#footer").delay(50).animate({
					opacity:1
				},1000);
			});
		});
		
		$("#grande-bulle").delay(800).animate({
			left:"215.5px",
			top: "-14px",
			height: "31px",
			width: "35px",
			opacity: 1
		},1000,function(){
			$("#logo-plein").fadeOut(50);
			$("#grande-bulle").css("-webkit-border-radius",0);
			$("#grande-bulle").css("-moz-border-radius",0);
			$("#grande-bulle").css("border-radius",0);
		});
		
		$("#bulle-a").delay(1300).animate({
			left:"245px",
			top:"-80px",
			width: "70px",
			height:"70px",
			opacity: 1
		},1500,function(){
			
		});
		
	});
	
	$("#bulle-a").mouseover("click",function(){
		$(this).draggable({ 
			revert: true,
			revertDuration:500
		});
	});
	$("#grande-bulle").live("click",function(){
		$("#logo-plein").fadeIn(250);
		$(this).animate({
			top: "32px"
		},500,"easeOutBounce",function(){
			$(this).delay(1000).animate({
				opacity: 0.5
			},1000,function(){
				$(this).css("z-index","-100");
				$(this).delay(1000).animate({
					opacity:1,
					top: "-14px"
				},500,"easeOutBounce",function(){
					$("#logo-plein").fadeOut(250);
					$(this).css("z-index","100");
				});
			});
		});
	});
	$("#bulle-i").live("click",function(){
		$(this).hide("explode", {pieces: 25}, 850,function(){
			$(this).css("top","-114px");
			$(this).show(0);
			$(this).delay(2000).animate({
				top: "5px"
			},1000,"easeOutBounce");
		});
	});

	
	/*** Plaquette mirabeau ***/
	$("#mirabeau-plaquettes").find("div.titre").delay(500).each(function(){
		$(this).animate({
			bottom: '0px'
		},850,"easeInOutSine");
	});
	
	
	$("#mirabeau-plaquettes").hover(function(){
		var block = $(this);
		block.find("div.titre").stop(true,false).animate({
			bottom: '-20px'
		},500,"easeOutCubic");
		block.find("img").stop(true,false).animate({
			opacity:1
		},500);
	},function(){
		var block = $(this);
		block.find("div.titre").stop(true,false).animate({
			bottom: '0px'
		},850,"easeInOutSine");
		block.find("img").stop(true,false).animate({
			opacity:0.75
		},500);
	});
	
});