function imageSwap(imgObject, newSrc, newAlt) {
    document.images[imgObject].src = newSrc;
    document.images[imgObject].alt = newAlt;
    document.getElementById('adFrame').contentWindow.location.reload();
}

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
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 subtext = Page[y].subtext;
            var url = Page[y].url;
            html = html + new String("<div class='oneFourth'><div class='image' onclick='window.open(\"" + url + "\",\"_parent\")'><img src='" + image + "' onload='this.style.border=\"1px solid #abaca9\"' onmouseover='this.style.border=\"1px solid #3fcd50\"' onmouseout='this.style.border=\"1px solid #abaca9\"' /></div><div class='title'><span id=morePhotosFlipperType onmouseover='this.style.textDecoration = \"underline\"' onmouseout='this.style.textDecoration=\"none\"' onclick='window.open(\"" + url + "\",\"_parent\")'>" + title + "</span><div class='morePhotosFlipperTypeSubtext'>" + subtext + "</div></div></div>");
        }

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


}


var Content3Total = 0;
function ContentFunction3(Content) {
    for (var x = 0; x < Content.length; x++) {
        var Page = Content[x];
        var html = new String();

        Content3Total += Page.length

        for (var y = 0; y < Page.length; y++) {
            var link = Page[y].link;
            var url = Page[y].url;
            html = html + new String("<div class='headlineBox' onclick='location.href=\"" + url + "\"' onmouseover='this.style.textDecoration = \"underline\"' onmouseout='this.style.textDecoration=\"none\"'>" + link + "</div>");

        }

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


}


//These functions allow you to define how you want your content to be formatted
var Content4Total = 0;
function ContentFunction4(Content) {
    for (var x = 0; x < Content.length; x++) {
        var Page = Content[x];
        var html = new String();

        Content4Total += Page.length;

        for (var y = 0; y < Page.length; y++) {
            var image = Page[y].image;
            var title = Page[y].title;
            var subtext = Page[y].subtext;
            var url = Page[y].url;
            html = html + new String("<div class='photoFlipper'><div class='image2' onclick='location.href=\"" + url + "\"'><img src='" + image + "' onload='this.style.border=\"1px solid #abaca9\"' onmouseover='this.style.border=\"1px solid #3fcd50\"' onmouseout='this.style.border=\"1px solid #abaca9\"' /></div><div class='title'><span id=morePhotosFlipperType onmouseover='this.style.textDecoration = \"underline\"' onmouseout='this.style.textDecoration=\"none\"' onclick='location.href=\"" + url + "\"'>" + title + "</span><div class='morePhotosFlipperTypeSubtext'>" + subtext + "</div></div></div>");
        }

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


}



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

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

        for (var y = 0; y < Page.length; y++) {
            var image = Page[y].image;
            var url = Page[y].url;
            var bigImage = Page[y].bigImage;
            var altText = Page[y].altText;
            html += new String("<div class='articleTopPhotoFlipper' onclick='imageSwap(\"bigPic\",\"" + bigImage + "\",\"" + altText + "\");'><div class='image3'><img src='" + image + "' onload='this.style.border=\"1px solid #abaca9\"' onmouseover='this.style.border=\"1px solid #3fcd50\"' onmouseout='this.style.border=\"1px solid #abaca9\"' /></div></div>");
        }

        scrollbooth5.addPage(html);
    }


}

//These functions allow you to define how you want your content to be formatted
var Content6Total = 0;
function ContentFunction6(Content) {
    for (var x = 0; x < Content.length; x++) {
        var Page = Content[x];
        var html = new String();

        Content6Total += Page.length;

        for (var y = 0; y < Page.length; y++) {
            var image = Page[y].image;
            var title = Page[y].title;
            var subtext = Page[y].subtext;
            var url = Page[y].url;
            html = html + new String("<div class='superfansFlipper'><div class='imageSuperfans' onclick='location.href=\"" + url + "\"'><img src='" + image + "' onload='this.style.border=\"1px solid #abaca9\"' onmouseover='this.style.border=\"1px solid #3fcd50\"' onmouseout='this.style.border=\"1px solid #abaca9\"' /></div><div class='title'><span id=moreSuperfansFlipperType onmouseover='this.style.textDecoration = \"underline\"' onmouseout='this.style.textDecoration=\"none\"' onclick='location.href=\"" + url + "\"'>" + title + "</span><div class='moreSuperfansFlipperTypeSubtext'>" + subtext + "</div></div></div>");
        }

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


}



// ScrollBooth(Name,HolderWidth,HolderHeight,HolderID,NavID,NextID,BackID,ContentFunction)
var scrollbooth1 = new ScrollBooth("scrollboothOne", 400, 400, "holder1", "nav1", "nextButton1", "backButton1", ContentFunction1);
var scrollbooth3 = new ScrollBooth("scrollboothThree", 400, 400, "holder3", "nav3", "nextButton3", "backButton3", ContentFunction3);
var scrollbooth4 = new ScrollBooth("scrollboothFour", 400, 400, "holder4", "nav4", "nextButton4", "backButton4", ContentFunction4);
var scrollbooth5 = new ScrollBooth("scrollboothFive", 450, 136, "holder5", "nav5", "nextButton5", "backButton5", ContentFunction5);
var scrollbooth6 = new ScrollBooth("scrollboothSix", 400, 400, "holder6", "nav6", "nextButton6", "backButton6", ContentFunction6);

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

// SCROLLBOOTH 1

scrollbooth1.onscrollboothload = function(Name) {

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

};
scrollbooth1.onaddpage = function(PageNumber, PageID) {
    var end = Content1[0].length;
    document.getElementById("counterVideosArticle").innerHTML = new String("1-" + end + " / " + 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) * 4) + 1;
    var end = start + (Content1[(PageNumber - 1)].length - 1);
    document.getElementById("counterVideosArticle").innerHTML = new String(start + "-" + end + " / " + 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 3      


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

};
scrollbooth3.onaddpage = function(PageNumber, PageID) {
    var end = Content3[0].length;
    document.getElementById("counterArchiveArticle").innerHTML = new String("1-" + end + " / " + Content3Total);

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

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

};
scrollbooth3.onscrolltopage = function(PageNumber, PageID) {
    var start = ((PageNumber - 1) * 5) + 1;
    var end = start + (Content3[(PageNumber - 1)].length - 1);
    document.getElementById("counterArchiveArticle").innerHTML = new String(start + "-" + end + " / " + Content3Total);

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

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

};



// SCROLLBOOTH 4  


scrollbooth4.onaddpage = function(PageNumber, PageID) {
    var end = Content4[0].length;
    document.getElementById("counterPhotosArticle").innerHTML = new String("1-" + end + " / " + Content4Total);

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

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

};
scrollbooth4.onscrolltopage = function(PageNumber, PageID) {

    var start = ((PageNumber - 1) * 2) + 1;
    var end = start + (Content4[(PageNumber - 1)].length - 1);
    document.getElementById("counterPhotosArticle").innerHTML = new String(start + "-" + end + " / " + Content4Total);

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


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


};
scrollbooth4.onscrollbootherror = function(Name, Error) {
    //Error is an object with 'id' and 'text' elements.            

};


// SCROLLBOOTH 5  


scrollbooth5.onaddpage = function(PageNumber, PageID) {
    if (PageNumber > 1) {
        $("#nextButton5").fadeTo("fast", 1);
        document.getElementById("nextButton5").style.cursor = "pointer";
    }
    if (PageNumber == 1) {
        $("#backButton5").fadeTo("fast", .3);
        document.getElementById("backButton5").style.cursor = "default";
    }

};
scrollbooth5.onscrolltopage = function(PageNumber, PageID) {

    if (PageNumber == 1) {
        $("#backButton5").fadeTo("fast", .3);
        document.getElementById("backButton5").style.cursor = "default";
        $("#nextButton5").fadeTo("fast", 1);
        document.getElementById("nextButton5").style.cursor = "pointer";
    }
    else if (PageNumber == document.getElementById("scrollboothFiveScroll").data.total) {
        $("#nextButton5").fadeTo("fast", .3);
        document.getElementById("nextButton5").style.cursor = "default";
        $("#backButton5").fadeTo("fast", 1);
        document.getElementById("backButton5").style.cursor = "pointer";
    }
    else {
        $("#nextButton5").fadeTo("fast", 1);
        $("#backButton5").fadeTo("fast", 1);
        document.getElementById("backButton5").style.cursor = "pointer";
        document.getElementById("nextButton5").style.cursor = "pointer";
    }
};

// SCROLLBOOTH 6  


scrollbooth6.onaddpage = function(PageNumber, PageID) {
    var end = Content6[0].length;
    document.getElementById("counterSuperfansArticle").innerHTML = new String("1-" + end + " / " + Content6Total);

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

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

};
scrollbooth6.onscrolltopage = function(PageNumber, PageID) {

    var start = ((PageNumber - 1) * 2) + 1;
    var end = start + (Content6[(PageNumber - 1)].length - 1);
    document.getElementById("counterSuperfansArticle").innerHTML = new String(start + "-" + end + " / " + Content6Total);

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


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


};
scrollbooth6.onscrollbootherror = function(Name, Error) {
    //Error is an object with 'id' and 'text' elements.            

};