setTimeout and ajax conflict

hey,

i have this function that works perfect on page load but on ajax page load the settimeout values are being disturbed!!

function fadeInAnimation() {

setTimeout(function () {
$('#group1').attr("class", "fadeInDown animated");
}, 220);
setTimeout(function () {
$('#group2').attr("class", "fadeInDown animated");
}, 600);
setTimeout(function () {
$('#group3').attr("class", "fadeInDown animated");
},1000);
setTimeout(function () {
$('#group4').attr("class", "fadeInDown animated");
}, 1400);

setTimeout(function () {
$('.Line1,.Line2,.Line3,.Line4').addClass('animate');
$('#mainsvg').attr("class", "");
}, 2500);

}

$(window).load(function () {
fadeInAnimation();

});

the problem is here in ajax:

function loadNewContent(url, bool) {

section.load(url + ' .cd-main-content > *', function (event) {

setTimeout(function () {
//wait for the end of the transition on the loading bar before revealing the new content

setTimeout(function () {
fadeInAnimation();
}, 3500);

}

}

}

any help?