// JavaScript Document




//.fadeIn()

var timer1;
var timer2;

$(document).ready(function() {
	ouvre1();
});


function ouvre1() {
	timer=setTimeout('ouvre2()',500);
	$('#bande1').css({
		'padding' : '2px',
		'padding-left' : '5px'
	});
	//$('#bande1').css('padding-left', '5px');
	$('#bande1').animate({width : 305}, 1000, null, ouvre3);
	$('#dut > div ').children('p').delay(500).fadeIn(1000);
	
	
}


function ouvre2() {
	window.clearTimeout(timer1);
	$('#bande2').css({
		'padding' : '2px',
		'padding-left' : '5px'
	});
	$('#bande2').animate({width : 135}, 600);
	$('#stage').children('p').delay(100).fadeIn(1000);
	
}

function ouvre3() {
	$('#bloc1_2 > div').children('p').delay(100).fadeIn(1000);
	$('#bande3').css({
		'padding' : '2px',
		'padding-left' : '5px'
	});
	$('#bande3').animate({width : 86}, 400, null, ouvre5);
	
}

function ouvre5() {
	timer=setTimeout(ouvre4,200);
	
	setTimeout(ouvre6,400);
	$('#bande5').css({
		'padding' : '2px',
		'padding-left' : '5px'
	});
	$('#bande5').animate({width : 235}, 800);
	$('#sprite_supcrea>p').delay(100).fadeIn(1000);
	
}
function ouvre6() {
	$('#bande6').css({
		'padding' : '2px',
		'padding-left' : '5px'
	});
	$('#bande6').animate({width : 120}, 400);
	$('#stage-nodule p').delay(100).fadeIn(400);	
}
	
function ouvre4() {
	/*
	window.clearTimeout(timer2);
	$('#bande4').css({
		'padding' : '2px',
		'padding-left' : '5px'
	});
	$('#bande4').animate({width : 75}, 400);
	$('#charlotte > div').children('p').delay(100).fadeIn(1000);
	*/
	
}