$("#whatsOnTonight0").click(
        function() {
            DisplayWhatsOnTonight("#whatsOnTonight0", $("#showListingTonight1"));
        }
    );

$("#whatsOnTonight1").click(
        function() {
            DisplayWhatsOnTonight("#whatsOnTonight1", $("#showListingTonight2"));
        }
    );

$("#whatsOnTonight2").click(
        function() {
            DisplayWhatsOnTonight("#whatsOnTonight2", $("#showListingTonight3"));
        }
    );

$("#whatsOnTonight3").click(
        function() {
            DisplayWhatsOnTonight("#whatsOnTonight3", $("#showListingTonight4"));
        }
);

$("#whatsOnTonight4").click(
        function() {
            DisplayWhatsOnTonight("#whatsOnTonight4", $("#showListingTonight5"));
        }
);

$("#whatsOnTonight5").click(
        function() {
            DisplayWhatsOnTonight("#whatsOnTonight5", $("#showListingTonight6"));
        }
); $("#whatsOnTonight6").click(
        function() {
            DisplayWhatsOnTonight("#whatsOnTonight6", $("#showListingTonight7"));
        }
);

function DisplayWhatsOnTonight(activeItem, activeDiv) {

    SetCorrectDisplayName(activeItem);
    var count = $(activeDiv).find("li").length;
    $("#showListingTonight1").hide();
    $("#showListingTonight2").hide();
    $("#showListingTonight3").hide();
    $("#showListingTonight4").hide();
    $("#showListingTonight5").hide();
    $("#showListingTonight6").hide();
    $("#showListingTonight7").hide();
    
    if (count < 6) {
        $("#showListingTonightFull").show();
    }    
    else {
        $("#showListingTonightFull").hide();
    }

    $(activeDiv).show();

}

function SetCorrectDisplayName(activeItem) {
    var item;
    var id;
    var selectedNameId
    var shortNameId;
    for (i = 0; i < 7; i++) {
        id = "#whatsOnTonight" + i;
        selectedNameId = id + " #selectedName";
        shortNameId = id + " #shortName";

       if (id == activeItem) {
           $(selectedNameId).show();
           $(shortNameId).hide();
           $(id).addClass("dayhighlight");
       }
       else {
        $(selectedNameId).hide();
        $(shortNameId).show();
        $(id).removeClass("dayhighlight");
       }

   }
}