var id = 1;

$(document).ready(function () {

    $("#s2").hide().addClass("invis");
    $("#s3").hide().addClass("invis");
    $("#s4").hide().addClass("invis");
    $("#s5").hide().addClass("invis");
    $("#s6").hide().addClass("invis");
    $("#s7").hide().addClass("invis");
    $("#s8").hide().addClass("invis");
    $("#s9").hide().addClass("invis");
    $("#s10").hide().addClass("invis");
    $("#s11").hide().addClass("invis");
    $("#s12").hide().addClass("invis");

    var intervalID = window.setInterval(showHideTop, 4500);   
});

function showHideTop() {
    var element = $("#s" + id);
    element.fadeOut("slow");

    if (id != 5) {
        id = id + 1;
    }
    else {
        id = 1;
    }
    element = $("#s" + id);

    
        element.fadeIn("8000");
    



};


function oldFlashingImageCode() {

    $(".s1").fadeTo("fast", 0.01).addClass("invis");
    $(".s2").addClass("vis");
    $(".s3").fadeTo("fast", 0.01).addClass("invis");
    $(".s4").fadeTo("fast", 0.01).addClass("invis");
    $(".s5").fadeTo("fast", 0.01).addClass("invis");
    $(".s6").fadeTo("fast", 0.01).addClass("invis");
    $(".s7").addClass("vis");
    $(".s8").fadeTo("fast", 0.01).addClass("invis");
    $(".s9").fadeTo("fast", 0.01).addClass("invis");
    $(".s10").fadeTo("fast", 0.01).addClass("invis");

    var intervalID = window.setInterval(showHide, 4500);

}

function showHide() {

    $(".vis").fadeTo("slow", 0.01);
    $(".vis").removeClass("vis").addClass("invis");


    var numRand = Math.floor(Math.random() * 11)
    var elem = $(".s" + numRand);
    elem.fadeTo("slow", 1.0).removeClass("invis").addClass("vis");

    numRand = Math.floor(Math.random() * 11)
    elem = $(".s" + numRand);
    var count = 1;
    do {
        numRand = Math.floor(Math.random() * 11)
        elem = $(".s" + numRand);    
    } while (elem.hasClass("vis"));    
   
    elem.fadeTo("slow", 1.0).removeClass("invis").addClass("vis");
   

};