﻿$(document).ready(function () {
    $('#Announcements')
		.data('timeout', 0)
		.bind('next', function (e, d) {
		    var THIS = this;
		    clearTimeout($(THIS).data('timeout'));
		    function __f() {
		        var z = $(THIS).find('div.Announcement:visible').next();
		        if (!z.find('img').size()) {
		            z = $(THIS).find('div.Announcement:first');
		        }
		        var i = $(THIS).find('div.Announcement').index(z) + 1;
		        $(THIS).find('div.Announcement').css('display', 'none').css('opacity', 0);
		        z.css('display', 'block').stop().animate({ opacity: 1 }, 300);
		        $(THIS).trigger('next');
		    }

		    var q = setTimeout(function () { __f(); }, 7000);
		    $(THIS).data('timeout', q);
		    if (d) {
		        clearTimeout($(THIS).data('timeout'));
		        __f();
		    }
		})
		.bind('prev', function (e, d) {
		    var THIS = this;
		    clearTimeout($(THIS).data('timeout'));
		    function __f() {
		        var z = $(THIS).find('div.Announcement:visible').prev();
		        if (!z.find('img').size()) {
		            z = $(THIS).find('div.Announcement:last');
		        }
		        var i = $(THIS).find('div.Announcement').index(z) + 1;
		        $(THIS).find('div.Announcement').css('display', 'none').css('opacity', 0);
		        z.css('display', 'block').stop().animate({ opacity: 1 }, 300);
		        $(THIS).trigger('next');
		    }

		    var q = setTimeout(function () { __f(); }, 1500);
		    $(THIS).data('timeout', q);
		    if (d) {
		        clearTimeout($(THIS).data('timeout'));
		        __f();
		    }
		})
		.bind('slideshow', function () {
		    if ($('div.Announcement').length == 1)
		        return;
		    var THIS = this;
		    $(THIS).find('div.Announcement:eq(0)').css('display', 'block').css('opacity', 1);
		    $(THIS).trigger('next');
		})
        .bind('pause', function () {
            var THIS = this;
            clearTimeout($(THIS).data('timeout'));
        })
        .bind('continue', function () {
            var THIS = this;
            $(THIS).trigger('next', false);
        });

    $('#Announcements').trigger('slideshow');
    //    $('#Announcements').hover(
    //        function () {
    //            $(this).trigger('pause');
    //        },
    //        function () {
    //            $(this).trigger('continue'); 
    //        });

    $('#Announcements-next').bind('click', function () {
        $('#Announcements').trigger('next', true);
    });
    $('#Announcements-prev').bind('click', function () {
        $('#Announcements').trigger('prev', true);
    });

});
