﻿function initHomeArticleSmall()
{
  var smallArticlesToRotate = new Array();
  var smallPhotosToRotate = new Array();

  var smallMaxIndex;
  var smallIndex;
  var smallCounter;

  var smallInterval;
  var smallDuration = 13000;

  var smallPhotos = new Array();

  var smallStory1 = $("#story1");
  var smallStory2 = $("#story2");
  var smallStory3 = $("#story3");

  smallStory1.hide();
  smallStory2.hide();
  smallStory3.hide();

  smallStory1.append("<h3></h3><a href=\"#\"><img src=\"/images/news-small-default.gif\" class=\"home-small\" alt=\"\" /></a><p></p><a href=\"#\" class=\"more\"><img src=\"/images/btn-more.gif\" alt=\"Read More\" title=\"Read More\" /></a>");
  smallStory2.append("<h3></h3><a href=\"#\"><img src=\"/images/news-small-default.gif\" class=\"home-small\" alt=\"\" /></a><p></p><a href=\"#\" class=\"more\"><img src=\"/images/btn-more.gif\" alt=\"Read More\" title=\"Read More\" /></a>");
  smallStory3.append("<h3></h3><a href=\"#\"><img src=\"/images/news-small-default.gif\" class=\"home-small\" alt=\"\" /></a><p></p><a href=\"#\" class=\"more\"><img src=\"/images/btn-more.gif\" alt=\"Read More\" title=\"Read More\" /></a>");

  $.getJSON("/scripts/json.aspx?type=home-small", function(data)
  {
    for (var i = 0; i < homeSmall.length; i++)
    {
      var img = new Image();
      img.src = homeSmall[i].hasPhoto ? "image.aspx?guid=" + homeSmall[i].guid + "&type=home-small" : "/images/news-small-default.gif";
      smallPhotos.push(img);
    }

    smallMaxIndex = (homeSmall.length - 1);
    smallIndex = 0;
    smallCounter = 1;

    animateHomeSmall();

    if (smallMaxIndex > 2)
    {
      smallInterval = setInterval(animateHomeSmall, smallDuration);
    }
  });

  function animateHomeSmall()
  {
    smallStory1.fadeOut("slow");
    smallStory2.fadeOut("slow");
    smallStory3.fadeOut("slow", animateHomeSmallContent);
  }
  
  function renderTeaser(p, obj)
  {
      var arr = obj.teaser.split("~");
      
      if (arr.length > 1)
      {
          p.html(arr[0].replace(/\|+?/g, '<br />'));
      }
      else
      {
          p.html(obj.teaser.replace(/\|+?/g, '<br />'));
      }
  }
  
  function renderUrl(anchor, obj)
  {
      var arr = obj.teaser.split("~");
      
      if (arr.length > 1)
      {
          anchor.attr("href", arr[1]);
          anchor.attr("target", "_blank");
      }
      else
      {
          anchor.attr("href", "/news.aspx?guid=" + obj.guid);
          anchor.removeAttr("target");
      }
  }

  function animateHomeSmallContent()
  {
    while (smallCounter < 4)
    {
      if (smallIndex > smallMaxIndex)
      {
        smallIndex = 0;
      }

      smallArticlesToRotate.push(homeSmall[smallIndex]);
      smallPhotosToRotate.push(smallPhotos[smallIndex]);

      smallIndex += 1;

      smallCounter += 1;
    }

    smallStory1.find("h3").text(smallArticlesToRotate[0].title);
    smallStory2.find("h3").text(smallArticlesToRotate[1].title);
    smallStory3.find("h3").text(smallArticlesToRotate[2].title);

    smallStory1.find("img.home-small").attr("src", smallPhotosToRotate[0].src);
    smallStory2.find("img.home-small").attr("src", smallPhotosToRotate[1].src);
    smallStory3.find("img.home-small").attr("src", smallPhotosToRotate[2].src);

    renderTeaser(smallStory1.find("p"), smallArticlesToRotate[0]);
    renderTeaser(smallStory2.find("p"), smallArticlesToRotate[1]);
    renderTeaser(smallStory3.find("p"), smallArticlesToRotate[2]);

    renderUrl(smallStory1.find("a"), smallArticlesToRotate[0]);
    renderUrl(smallStory2.find("a"), smallArticlesToRotate[1]);
    renderUrl(smallStory3.find("a"), smallArticlesToRotate[2]);

    smallCounter = 1;

    smallArticlesToRotate.length = 0;
    smallPhotosToRotate.length = 0;

    smallStory1.fadeIn();
    smallStory2.fadeIn();
    smallStory3.fadeIn();
  }
}
