var scrollInterval = 5000;
var autoScrolling = true;

var currentNewsItem = "NewsDetail0";


$(document).ready(function() {

    $('.NewsScrollerNavItem').hover(function() {
        autoScrolling = false;

        var hoveredNewsItem = $(this).attr('id').replace('NewsScrollerNav_', '');

        if (hoveredNewsItem != currentNewsItem) {
            $('.NewsScrollerNavItem').removeClass('active');
            $(this).addClass('active');

            $('#' + currentNewsItem).removeClass('active');
            $('#' + currentNewsItem).stop(false, true).fadeOut();

            currentNewsItem = hoveredNewsItem;
            $('#' + currentNewsItem).addClass('active');
            $('#' + currentNewsItem).stop(true, true).fadeIn();
        }

    });

    scrollerInit();

});

function scrollerInit() {
    setInterval(autoScroll, scrollInterval);
}

function autoScroll() {
    if (autoScrolling) {
        $('.NewsScrollerNavItem').removeClass('active');
        fadeOutNews(currentNewsItem);
        //alert($('#' + currentNewsItem).next().attr('id').indexOf("NewsDetail"));
        if ($('#' + currentNewsItem).next().length) {
            currentNewsItem = $('#' + currentNewsItem).next().attr('id').indexOf("NewsDetail") >= 0 ? $('#' + currentNewsItem).next().attr('id') : "NewsDetail0";
        }
        else {
            currentNewsItem = "NewsDetail0";
        }
        //alert(fadeInNewsItem);
        fadeInNews(currentNewsItem);
    }
}

function fadeOutNews(objid) {
    $('#'+objid).fadeOut();
}
function fadeInNews(objid) {
    $('#NewsScrollerNav_' + objid).addClass('active');
    $('#' + objid).stop(true, true).fadeIn();
}