//Fade In Content Viewer: By JavaScript Kit: http://www.javascriptkit.com

var fadecontentviewer = {
    csszindex: 100,
    fade: function($allcontents, togglerid, selected, speed) {
        var selected = parseInt(selected)
        var $togglerdiv = $("." + togglerid)
        var $target = $allcontents.eq(selected)
        if ($target.length == 0) { //if no content exists at this index position (ie: stemming from redundant pagination link)
            alert("No content exists at page number " + selected + "!")
            return
        }
        if ($togglerdiv.attr('lastselected') == null || parseInt($togglerdiv.attr('lastselected')) != selected) {
            var $toc = $("." + togglerid + " .toc")
            var $selectedlink = $toc.eq(selected)
            $(".nextevent").attr('nextpage', (selected < $allcontents.length - 1) ? selected + 1 + 'pg' : 0 + 'pg')
            $("." + togglerid + " .prev").attr('previouspage', (selected == 0) ? $allcontents.length - 1 + 'pg' : selected - 1 + 'pg')
            $target.css({ zIndex: this.csszindex++, visibility: 'visible' })
            $target.hide()
            $target.fadeIn(speed)
            $toc.removeClass('selected')
            $selectedlink.addClass('selected')
            $togglerdiv.attr('lastselected', selected + 'pg')
        }
    },

    setuptoggler: function($allcontents, togglerid, speed) {
        var $toc = $("." + togglerid + " .toc")
        $toc.each(function(index) {
            $(this).attr('pagenumber', index + 'pg')
        })

        var $next = $("." + togglerid + " .next")
        var $prev = $("." + togglerid + " .prev")
        $next.click(function() {
            fadecontentviewer.fade($allcontents, togglerid, $(this).attr('nextpage'), speed)
            return false
        })
        $prev.click(function() {
            fadecontentviewer.fade($allcontents, togglerid, $(this).attr('previouspage'), speed)
            return false
        })
        $toc.hover(function() {
            fadecontentviewer.fade($allcontents, togglerid, $(this).attr('pagenumber'), speed)
            if (!(typeof interval == "undefined"))
                clearInterval(interval)
        },
            function() {
                if (!(typeof interval == "undefined"))
                    interval = setInterval(function() { fadecontentviewer.fade($allcontents, togglerid, $(".nextevent").attr('nextpage'), speed) }, 5000)
            })
    },

    init: function(fadeid, contentclass, togglerid, selected, speed, rotate) {
        $(document).ready(function() {
            var faderheight = $("." + fadeid).height()
            var $fadecontents = $("." + fadeid + " ." + contentclass)
            $fadecontents.css({ top: 0, left: 0, height: faderheight, visibility: 'hidden' })
            fadecontentviewer.setuptoggler($fadecontents, togglerid, speed)
            setTimeout(function() { fadecontentviewer.fade($fadecontents, togglerid, selected, speed) }, 400)
            if (rotate) {
                interval = setInterval(function() { fadecontentviewer.fade($fadecontents, togglerid, $(".nextevent").attr('nextpage'), speed) }, 5000)
            }
            $(window).bind('unload', function() { //clean up
                $("." + togglerid + " .toc").unbind('click')
                $("." + togglerid + " .next", "." + togglerid + " .prev").unbind('click')
            })
        })
    }
}