var p = document.getElementById('p01');
var p2 = document.getElementById('p02');
var p3 = document.getElementById('p03');
var p4 = document.getElementById('p04');

var t = 3;
var d1 = 4;
var d2 = 5;

new Tween(p.style,{
time:t,
delay:.5,
transition:'easeOutBack',
opacity:{ from:0,to:1 },
filter:{ from:0,to:100,tmpl:"alpha(opacity=$0)" },
onComplete:fc_mov01
});


function fc_mov01(){
new Tween(p.style,{
time:t,
delay:d1,
transition:'easeOutBack',
opacity:{ from:1,to:0 },
filter:{ from:100,to:0,tmpl:"alpha(opacity=$0)" }
});

new Tween(p2.style,{
time:t,
delay:d2,
transition:'easeOutBack',
opacity:{ from:0,to:1 },
filter:{ from:0,to:100,tmpl:"alpha(opacity=$0)" },
onComplete:fc_mov02
});
}


function fc_mov02(){
new Tween(p2.style,{
time:t,
delay:d1,
transition:'easeOutBack',
opacity:{ from:1,to:0 },
filter:{ from:100,to:0,tmpl:"alpha(opacity=$0)" }
});

new Tween(p3.style,{
time:t,
delay:d2,
transition:'easeOutBack',
opacity:{ from:0,to:1 },
filter:{ from:0,to:100,tmpl:"alpha(opacity=$0)" },
onComplete:fc_mov03
});
}


function fc_mov03(){
new Tween(p3.style,{
time:t,
delay:d1,
transition:'easeOutBack',
opacity:{ from:1,to:0 },
filter:{ from:100,to:0,tmpl:"alpha(opacity=$0)" }
});

new Tween(p4.style,{
time:t,
delay:d2,
transition:'easeOutBack',
opacity:{ from:0,to:1 },
filter:{ from:0,to:100,tmpl:"alpha(opacity=$0)" },
onComplete:fc_mov04
});
}

function fc_mov04(){
new Tween(p4.style,{
time:t,
delay:d1,
transition:'easeOutBack',
opacity:{ from:1,to:0 },
filter:{ from:100,to:0,tmpl:"alpha(opacity=$0)" }
});

new Tween(p.style,{
time:t,
delay:d2,
transition:'easeOutBack',
opacity:{ from:0,to:1 },
filter:{ from:0,to:100,tmpl:"alpha(opacity=$0)" },
onComplete:fc_mov01
});
}
