var $J = jQuery.noConflict();
var newDiv, allnews;
var present, past, timer, duration, trans;
var winWidth = 340;
var over = 'overBtn', out = 'outBtn';
$J(function () {

    allnews = $J('.news > div').size();

    var _allButtons = $J('.buttons > div');

    for (var i = 0; i < allnews; i++) {
        newDiv = '<div id="button' + (i + 1) + '" class="outBtn" style="position: absolute; ' +
                     'top: 0px; left: ' + ((11 + 4) * i) + 'px; height: 11px; width: 11px; ' +
                     'border: 1px solid #b06f09; text-align: center; line-height: 11px; ' +
                     'font-size: smaller; cursor: pointer;">' + (i + 1) + '</div>';
        $J('.buttons').append($J(newDiv));
    }
    $J('.buttons > div').hover(function () {
        $J(this).removeClass(out).addClass(over);
    }, function () {
        if ($J(this).attr('id').substring(6) != present)
            $J(this).removeClass(over).addClass(out);
    });
    $J('.buttons > div').click(function () {
        clearTimeout(timer); past = present; present = $J(this).attr('id').substring(6);
        if (present < past) animRht(); else if (present > past) animLft(); animBtn();
        timer = setTimeout(function () { rotorCount() }, (duration * 2));
    });
    startNews();
});

function startNews() {
    present = 1;
    counter = 0;
    trans = 1000;
    duration = 8000;// delay increased.
    $J('.news > div:first').css({ 'top': 0, 'left': 0 });
    $J('#button1').removeClass('outBtn').addClass('overBtn');
    timer = setTimeout(function () { rotorCount(); }, duration);
}

function rotorCount() {
    clearTimeout(timer);
    past = present;
    present++;
    if (present > allnews) present = 1;
    animBtn();
    animLft();
    timer = setTimeout(function () { rotorCount() }, duration);
}

function animRht() {
    $J('#news' + present).css({ 'top': 0, 'left': -winWidth });
    $J('#news' + past).stop().animate({ 'top': 0, 'left': winWidth }, trans, 'swing', function () { });
    $J('#news' + present).stop().animate({ 'top': 0, 'left': 0 }, trans, 'swing', function () { });
}
function animLft() {
    $J('#news' + present).css({ 'top': 0, 'left': winWidth });
    $J('#news' + past).stop().animate({ 'top': 0, 'left': -winWidth }, trans, 'swing', function () { });
    $J('#news' + present).stop().animate({ 'top': 0, 'left': 0 }, trans, 'swing', function () { });
}
function animBtn() {
    $J('#button' + past).removeClass(over).addClass(out);
    $J('#button' + present).removeClass(out).addClass(over);
}