function FormatNavLinks(PageNumber, Name, TotalAllowed, Total) {
    var BeforePage = Math.ceil(TotalAllowed / 2) - 1;
    var AfterPage = Math.floor(TotalAllowed / 2);

    var NavStart;
    var NavEnd;

    if (PageNumber == 1) {
        NavStart = 1;
        NavEnd = TotalAllowed;
    }
    else if (PageNumber == Total) {
        NavStart = Total - (TotalAllowed - 1);
        NavEnd = Total;
    }
    else if (PageNumber >= (Total - (TotalAllowed - 1))) {
        NavStart = (Total - (TotalAllowed - 1));
        NavEnd = Total;
    }
    else {
        NavStart = ((PageNumber - BeforePage) > 1) ? PageNumber - BeforePage : 1;
        NavEnd = PageNumber + AfterPage;
    }

    for (var x = 1; x <= Total; x++) {
        var NavId = new String(Name + "NavPage" + x);

        if (document.getElementById(NavId) != null) {
            var NavLink = document.getElementById(NavId);

            if (x >= NavStart && x <= NavEnd) {
                NavLink.style.display = "block";
            }
            else {
                NavLink.style.display = "none";
            }
        }
    }
}

//These functions allow you to define how you want your content to be formatted



//ARCHIVE
var Content9Total = 0;
function ContentFunction9(Content) {
    for (var x = 0; x < Content.length; x++) {
        var Page = Content[x];
        var html = new String();

        Content9Total += Page.length;

        for (var y = 0; y < Page.length; y++) {
            var image = Page[y].image;
            var title = Page[y].title;
            var url = Page[y].url;
            html = html + new String("<div class='lnotv_scrollitem9'><p class='lnotv_scrollthumbtitle' onmouseover='this.style.textDecoration = \"underline\"' onmouseout='this.style.textDecoration=\"none\"' onclick='window.open(\"" + url + "\",\"_parent\")'>" + title + "</p></div>");
        }

        //The addPage method will create a new page and add the html string to it
        scrollbooth9.addPage(html);
    }
}


//PHOTOS
var Content1Total = 0;
function ContentFunction1(Content) {
    for (var x = 0; x < Content.length; x++) {
        var Page = Content[x];
        var html = new String();

        Content1Total += Page.length;

        for (var y = 0; y < Page.length; y++) {
            var image = Page[y].image;
            var title = Page[y].title;
            var url = Page[y].url;
            html = html + new String("<div class='lnotv_scrollitem1'><img class='lnotv_scrollthumb1' src='" + image + "' onclick='window.open(\"" + url + "\",\"_parent\")' /><p class='lnotv_scrollthumbtitle' onmouseover='this.style.textDecoration = \"underline\"' onmouseout='this.style.textDecoration=\"none\"' onclick='window.open(\"" + url + "\",\"_parent\")'>" + title + "</p></div>");
        }

        //The addPage method will create a new page and add the html string to it
        scrollbooth1.addPage(html);
    }
}


//HUB LARGE PHOTOS
var Content7Total = 0;
function ContentFunction7(Content) {
    for (var x = 0; x < Content.length; x++) {
        var Page = Content[x];
        var html = new String();

        Content7Total += Page.length;

        for (var y = 0; y < Page.length; y++) {
            var image = Page[y].image;
            var title = Page[y].title;
            var subtitle = Page[y].subtitle;
            var url = Page[y].url;
            html = html + new String("<div class='lnotv_scrollitem7'><img class='lnotv_scrollthumb7' src='" + image + "' onclick='window.open(\"" + url + "\",\"_parent\")' /><p class='scrollHubThumbtitle' onmouseover='this.style.textDecoration = \"underline\"' onmouseout='this.style.textDecoration=\"none\"' onclick='window.open(\"" + url + "\",\"_parent\")'>" + title + "</p><p class='scrollHubThumbsubtitle'>" + subtitle + "</p></div>");
        }

        //The addPage method will create a new page and add the html string to it
        scrollbooth7.addPage(html);
    }
}



//SUPERFAN SITES
var Content2Total = 0;
function ContentFunction2(Content) {
    for (var x = 0; x < Content.length; x++) {
        var Page = Content[x];
        var html = new String();

        Content2Total += Page.length;

        for (var y = 0; y < Page.length; y++) {
            var image = Page[y].image;
            var title = Page[y].title;
            var url = Page[y].url;
            html = html + new String("<div class='lnotv_scrollitem2'><img class='lnotv_scrollthumb2' src='" + image + "' onclick='window.open(\"" + url + "\",\"_parent\")' /><p class='lnotv_scrollthumbtitle' onmouseover='this.style.textDecoration = \"underline\"' onmouseout='this.style.textDecoration=\"none\"' onclick='window.open(\"" + url + "\",\"_parent\")'>" + title + "</p></div>");
        }

        //The addPage method will create a new page and add the html string to it
        scrollbooth2.addPage(html);
    }
}


//FEATURES
var Content8Total = 0;
function ContentFunction8(Content) {
    for (var x = 0; x < Content.length; x++) {
        var Page = Content[x];
        var html = new String();

        Content8Total += Page.length;

        for (var y = 0; y < Page.length; y++) {
            var image = Page[y].image;
            var title = Page[y].title;
            var url = Page[y].url;
            html = html + new String("<div class='lnotv_scrollitem8'><p class='lnotv_scrollthumbtitle' onmouseover='this.style.textDecoration = \"underline\"' onmouseout='this.style.textDecoration=\"none\"' onclick='window.open(\"" + url + "\",\"_parent\")'>" + title + "</p></div>");
        }

        //The addPage method will create a new page and add the html string to it
        scrollbooth8.addPage(html);
    }
}


// ScrollBooth(Name,HolderWidth,HolderHeight,HolderID,NavID,NextID,BackID,ContentFunction)
var scrollbooth9 = new ScrollBooth("scrollboothNine", 261, 100, "holder9", "nav9", "nextButton9", "backButton9", ContentFunction9);
var scrollbooth1 = new ScrollBooth("scrollboothOne", 261, 146, "holder1", "nav1", "nextButton1", "backButton1", ContentFunction1);
var scrollbooth2 = new ScrollBooth("scrollboothTwo", 261, 150, "holder2", "nav2", "nextButton2", "backButton2", ContentFunction2);
var scrollbooth7 = new ScrollBooth("scrollboothSeven", 370, 330, "holder7", "nav7", "nextButton7", "backButton7",  ContentFunction7);
var scrollbooth8 = new ScrollBooth("scrollboothEight", 355, 145, "holder8", "nav8", "nextButton8", "backButton8",  ContentFunction8);


//Here are some events that you can set for your Scrollbooth object.  They are not mandatory  

// SCROLLBOOTH 9
scrollbooth9.onscrollboothload = function(Name) {

};
scrollbooth9.onupdatenav = function(PageNumber, PageID) {

};
scrollbooth9.onaddpage = function(PageNumber, PageID) {
    var end = Content9[0].length;
    document.getElementById("counter9").innerHTML = new String("1-" + end + " of " + Content9Total + " | ");

    FormatNavLinks(1, scrollbooth9.Name, 4, scrollbooth9.PageCount);

    if (PageNumber > 1) {
        $("#nextButton9").fadeTo("fast", 1);
        document.getElementById("nextButton9").style.cursor = "pointer";
    }
    if (PageNumber === 1) {
        $("#backButton9").fadeTo("fast", .3);
        document.getElementById("backButton9").style.cursor = "default";
    }
};

scrollbooth9.onscrolltopage = function(PageNumber, PageID) {
    var start = ((PageNumber - 1) * 5) + 1; //set the multiplication to the number of items in a page
    var end = start + (Content9[(PageNumber - 1)].length - 1);
    document.getElementById("counter9").innerHTML = new String(start + "-" + end + " of " + Content9Total + " | ");

    FormatNavLinks(PageNumber, scrollbooth9.Name, 5, scrollbooth9.PageCount);

    if (PageNumber == 1) {
        $("#backButton9").fadeTo("fast", .3);
        document.getElementById("backButton9").style.cursor = "default";
        $("#nextButton9").fadeTo("fast", 1);
        document.getElementById("nextButton9").style.cursor = "pointer";
    }
    else if (PageNumber == scrollbooth9.PageCount) {
        $("#nextButton9").fadeTo("fast", .3);
        document.getElementById("nextButton9").style.cursor = "default";
        $("#backButton9").fadeTo("fast", 1);
        document.getElementById("backButton9").style.cursor = "pointer";
    }
    else {
        $("#nextButton9").fadeTo("fast", 1);
        $("#backButton9").fadeTo("fast", 1);
        document.getElementById("backButton9").style.cursor = "pointer";
        document.getElementById("nextButton9").style.cursor = "pointer";
    }
};
scrollbooth9.onscrollbootherror = function(Name, Error) {
    //Error is an object with 'id' and 'text' elements.            
};
  

// SCROLLBOOTH 1
scrollbooth1.onscrollboothload = function(Name) {

};
scrollbooth1.onupdatenav = function(PageNumber, PageID) {

};
scrollbooth1.onaddpage = function(PageNumber, PageID) {
    var end = Content1[0].length;
    document.getElementById("counter1").innerHTML = new String("1-" + end + " of " + Content1Total + " | ");

    FormatNavLinks(1, scrollbooth1.Name, 4, scrollbooth1.PageCount);

    if (PageNumber > 1) {
        $("#nextButton1").fadeTo("fast", 1);
        document.getElementById("nextButton1").style.cursor = "pointer";
    }
    if (PageNumber === 1) {
        $("#backButton1").fadeTo("fast", .3);
        document.getElementById("backButton1").style.cursor = "default";
    }
};
scrollbooth1.onscrolltopage = function(PageNumber, PageID) {
    var start = ((PageNumber - 1) * 3) + 1; //set the multiplication to the number of items in a page
    var end = start + (Content1[(PageNumber - 1)].length - 1);
    document.getElementById("counter1").innerHTML = new String(start + "-" + end + " of " + Content1Total + " | ");

    FormatNavLinks(PageNumber, scrollbooth1.Name, 4, scrollbooth1.PageCount);

    if (PageNumber == 1) {
        $("#backButton1").fadeTo("fast", .3);
        document.getElementById("backButton1").style.cursor = "default";
        $("#nextButton1").fadeTo("fast", 1);
        document.getElementById("nextButton1").style.cursor = "pointer";
    }
    else if (PageNumber == scrollbooth1.PageCount) {
        $("#nextButton1").fadeTo("fast", .3);
        document.getElementById("nextButton1").style.cursor = "default";
        $("#backButton1").fadeTo("fast", 1);
        document.getElementById("backButton1").style.cursor = "pointer";
    }
    else {
        $("#nextButton1").fadeTo("fast", 1);
        $("#backButton1").fadeTo("fast", 1);
        document.getElementById("backButton1").style.cursor = "pointer";
        document.getElementById("nextButton1").style.cursor = "pointer";
    }
};
scrollbooth1.onscrollbootherror = function(Name, Error) {
    //Error is an object with 'id' and 'text' elements.            
};


// SCROLLBOOTH 2    
scrollbooth2.onscrollboothload = function(Name) {
    //Name is the name you entered into the Scrollbooth constructor
};
scrollbooth2.onupdatenav = function(PageNumber, PageID) {

};
scrollbooth2.onaddpage = function(PageNumber, PageID) {
    var end = Content2[0].length;
    document.getElementById("counter2").innerHTML = new String("1-" + end + " of " + Content2Total + " | ");

    FormatNavLinks(1, scrollbooth2.Name, 4, scrollbooth2.PageCount);

    if (PageNumber > 1) {
        $("#nextButton2").fadeTo("fast", 1);
        document.getElementById("nextButton2").style.cursor = "pointer";
    }
    if (PageNumber == 1) {
        $("#backButton2").fadeTo("fast", .3);
        document.getElementById("backButton2").style.cursor = "default";
    }

};
scrollbooth2.onscrolltopage = function(PageNumber, PageID) {
    var start = ((PageNumber - 1) * 2) + 1; //set the multiplication to the number of items in a page
    var end = start + (Content2[(PageNumber - 1)].length - 1);
    document.getElementById("counter2").innerHTML = new String(start + "-" + end + " of " + Content2Total + " | ");

    FormatNavLinks(PageNumber, scrollbooth2.Name, 4, scrollbooth2.PageCount);

    if (PageNumber == 1) {
        $("#backButton2").fadeTo("fast", .3);
        document.getElementById("backButton2").style.cursor = "default";
        $("#nextButton2").fadeTo("fast", 1);
        document.getElementById("nextButton2").style.cursor = "pointer";
    }
    else if (PageNumber == scrollbooth2.PageCount) {
        $("#nextButton2").fadeTo("fast", .3);
        document.getElementById("nextButton2").style.cursor = "default";
        $("#backButton2").fadeTo("fast", 1);
        document.getElementById("backButton2").style.cursor = "pointer";
    }
    else {
        $("#nextButton2").fadeTo("fast", 1);
        $("#backButton2").fadeTo("fast", 1);
        document.getElementById("backButton2").style.cursor = "pointer";
        document.getElementById("nextButton2").style.cursor = "pointer";
    }

};

// SCROLLBOOTH 7
scrollbooth7.onscrollboothload = function(Name) {

};
scrollbooth7.onupdatenav = function(PageNumber, PageID) {

};
scrollbooth7.onaddpage = function(PageNumber, PageID) {
    var end = Content7[0].length;
    document.getElementById("counter7").innerHTML = new String("1" + " of " + Content7Total + " | ");

    FormatNavLinks(1, scrollbooth7.Name, 5, scrollbooth7.PageCount);

    if (PageNumber > 1) {
        $("#nextButton7").fadeTo("fast", 1);
        document.getElementById("nextButton7").style.cursor = "pointer";
    }
    if (PageNumber === 1) {
        $("#backButton7").fadeTo("fast", .3);
        document.getElementById("backButton7").style.cursor = "default";
    }
};
scrollbooth7.onscrolltopage = function(PageNumber, PageID) {
    var start = ((PageNumber - 1) * 1) + 1; //set the multiplication to the number of items in a page
    var end = start + (Content7[(PageNumber - 1)].length - 1);
    document.getElementById("counter7").innerHTML = new String(start + " of " + Content7Total + " | ");

    FormatNavLinks(PageNumber, scrollbooth7.Name, 5, scrollbooth7.PageCount);

    if (PageNumber == 1) {
        $("#backButton7").fadeTo("fast", .3);
        document.getElementById("backButton7").style.cursor = "default";
        $("#nextButton7").fadeTo("fast", 1);
        document.getElementById("nextButton7").style.cursor = "pointer";
    }
    else if (PageNumber == scrollbooth7.PageCount) {
        $("#nextButton7").fadeTo("fast", .3);
        document.getElementById("nextButton7").style.cursor = "default";
        $("#backButton7").fadeTo("fast", 1);
        document.getElementById("backButton7").style.cursor = "pointer";
    }
    else {
        $("#nextButton7").fadeTo("fast", 1);
        $("#backButton7").fadeTo("fast", 1);
        document.getElementById("backButton7").style.cursor = "pointer";
        document.getElementById("nextButton7").style.cursor = "pointer";
    }
};
scrollbooth7.onscrollbootherror = function(Name, Error) {
    //Error is an object with 'id' and 'text' elements.            
};

// SCROLLBOOTH 8    
scrollbooth8.onscrollboothload = function(Name) {
    //Name is the name you entered into the Scrollbooth constructor
};
scrollbooth8.onupdatenav = function(PageNumber, PageID) {

};
scrollbooth8.onaddpage = function(PageNumber, PageID) {
    var end = Content8[0].length;
    document.getElementById("counter8").innerHTML = new String("1-" + end + " of " + Content8Total + " | ");

    FormatNavLinks(1, scrollbooth8.Name, 4, scrollbooth8.PageCount);

    if (PageNumber > 1) {
        $("#nextButton8").fadeTo("fast", 1);
        document.getElementById("nextButton8").style.cursor = "pointer";
    }
    if (PageNumber == 1) {
        $("#backButton8").fadeTo("fast", .3);
        document.getElementById("backButton8").style.cursor = "default";
    }

};
scrollbooth8.onscrolltopage = function(PageNumber, PageID) {
    var start = ((PageNumber - 1) * 5) + 1; //set the multiplication to the number of items in a page
    var end = start + (Content8[(PageNumber - 1)].length - 1);
    document.getElementById("counter8").innerHTML = new String(start + "-" + end + " of " + Content8Total + " | ");

    FormatNavLinks(PageNumber, scrollbooth8.Name, 4, scrollbooth8.PageCount);

    if (PageNumber == 1) {
        $("#backButton8").fadeTo("fast", .3);
        document.getElementById("backButton8").style.cursor = "default";
        $("#nextButton8").fadeTo("fast", 1);
        document.getElementById("nextButton8").style.cursor = "pointer";
    }
    else if (PageNumber == scrollbooth8.PageCount) {
        $("#nextButton8").fadeTo("fast", .3);
        document.getElementById("nextButton8").style.cursor = "default";
        $("#backButton8").fadeTo("fast", 1);
        document.getElementById("backButton8").style.cursor = "pointer";
    }
    else {
        $("#nextButton8").fadeTo("fast", 1);
        $("#backButton8").fadeTo("fast", 1);
        document.getElementById("backButton8").style.cursor = "pointer";
        document.getElementById("nextButton8").style.cursor = "pointer";
    }

};