$(document).ready(function(){
    $("#featuredAreas > .featuredArea1:first").show();
    $("#featuredAreas > .featuredArea2:first").show();
    $("#featuredAreas > .featuredArea3:first").show();
    $("#featuredAreas > .featuredArea4:first").show();

    $("#featuredAreas").everyTime("10s", "switchAreas", switchAreas);
    $("#featuredAreas > .featuredArea").hover(
        function(){
            $(this).addClass("hover");
        },
        function(){
            $(this).removeClass("hover");
        });
});

function switchAreas(){
    if(!$("#featuredAreas > .featuredArea1:visible").is(".hover")){
        switchArea(1);
    }
    if(!$("#featuredAreas > .featuredArea2:visible").is(".hover")){
        switchArea(2);
    }
    if(!$("#featuredAreas > .featuredArea3:visible").is(".hover")){
        switchArea(3);
    }
    if(!$("#featuredAreas > .featuredArea4:visible").is(".hover")){
        switchArea(4);
    }
}

function switchArea (featuredAreaNumber){
    var fadeTime = 1000;
    var showing = $("#featuredAreas > .featuredArea"+featuredAreaNumber+":visible");
    if(showing.next().hasClass("featuredArea"+featuredAreaNumber)){
        showing.next().fadeIn(fadeTime);
        showing.fadeOut(fadeTime);
    } else if(!$("#featuredAreas > .featuredArea"+featuredAreaNumber+":first").is(":visible")){
        $("#featuredAreas > .featuredArea"+featuredAreaNumber+":first").fadeIn(fadeTime);
        showing.fadeOut(fadeTime);
    }
}