// JavaScript Document
(function($){
  $.fn.quoterotator = function(){
    var container = this;
    
      $.getJSON('js/quoterotator_quotes.json?v=7', function(data){
      var index = 0;
      setInterval(changeQuote, 6000);
        
      changeQuote();
    
      function changeQuote(){
        container.fadeOut(function(){
          container.html([
            '<div class="text18gray2 ital" style="font-size:16px !important;">',
              data[index].short_quote,
            '</div>',
            '<div id="wrapper" style="margin:20px 0px 0px 18px;">',
              '<div class="left" style="width:70px;">',
                '<img src="images/'+data[index].image+'" style="border:1px solid gray;"/>',
              '</div>',
              '<div  class="left" style="margin:2px 0px 0px 10px; width:240px;">',
                '<div id="author" class="text13gray" style="font-style:normal; background:#eee;">',
                  data[index].author,
                '</div>',
                '<div class="text13gray bold" style="background:#eee;">Reached ',
                  data[index].reach,
                ' New Fans',
                '</div>',
              '</div>',
            '</div>',
          ].join('')).fadeIn(function(){
        });
      });
      
      if(index == data.length - 1){
        index = 0;
      }else{
        index++;
      }
    }});
    return container;
  }
})(jQuery);