jQuery - Conflito múltiplo setInterval

Eu sou um novato em jQuery e cada um dos seguintes funciona bem por conta própria, mas fica sem tempo ao trabalhar juntos. O que estou fazendo errado? Qualquer melhoria no código também seria apreciada ... É para ser usada para alternar a publicidade.

<!--- Header Rotator --->
<script type="text/javascript">
$(document).ready(function() {
    $("#header").load("header.cfm");
    var refreshHeader = setInterval(function() {
        $("#header").load("header.cfm");
    }, 10000);
});
</script>
<!--- Main Rotator --->
<script type="text/javascript">
$(document).ready(function() {
    $("#main").load("main.cfm");
    var refreshMain = setInterval(function() {
        $("#main").load("main.cfm");
    }, 5000);
});
</script>
<!--- Footer Rotator --->
<script type="text/javascript">
$(document).ready(function() {
    $("#footer").load("footer.cfm");
    var refreshFooter = setInterval(function() {
        $("#footer").load("footer.cfm");
    }, 2000);
});
</script>

questionAnswers(2)

yourAnswerToTheQuestion