﻿// JScript File
$(document).ready(function() {

    $('#quote-feed').each(function() {
    
        var $container = $(this);
        $container.empty();
        
        var fadeHeight = $container.height() / 4;
        for (var yPos = 0; yPos < fadeHeight; yPos +=2) {
            $('<div></div>').css({
                opacity: yPos / fadeHeight,
                top: $container.height() - fadeHeight + yPos
             }).addClass('fade-slice').appendTo($container);
        }
        
        
        $.get('Dynamic Content/Site/quotes.xml', function(data) {
        
            $(data).find('quote').each(function() {
               var $quoteXML = $(this);
               var $summary = $('<div></div>')
                    .addClass('headline')
                    .html('<em>' + $quoteXML.find('saying').text() + '</em>' + '<br />' + $quoteXML.find('coach').text());
            
               //$(container).append($(html));
               $('<div></div>')
                    .append($summary)
                    .appendTo($container);

            });
                   
            var currentQuote = 0, oldQuote = 0;
            var hiddenPosition = $container.height() + 10;
            $('div.headline').eq(currentQuote).css('top', 0);
            var QuoteCount = $('div.headline').length;
            var pause;
           
            var QuoteRotate = function() {
               currentQuote = (oldQuote + 1) % QuoteCount;
               $('div.headline').eq(oldQuote).animate(
                  {top: -hiddenPosition}, 'slow', function() {
                     $(this).css('top', hiddenPosition);
               });
            
               $('div.headline').eq(currentQuote).animate(
                   {top: 0}, 'slow', function() {
                      pause = setTimeout(QuoteRotate, 5000);
               });
                   
               oldQuote = currentQuote;
            };
           
            pause = setTimeout(QuoteRotate, 5000);
        });
    });
});

