﻿function initHomeArticleLarge()
{
  var content_wrapper_divs = $("#content_wrapper div");

  content_wrapper_divs.hide();

  var content_image = $("#content_image");
  var content_news = $("#content_news");

  content_image.fadeIn("slow");

  content_news.append("<span id=\"title\" class=\"headLine\"></span>")
        .append("<br /><br /><span id=\"date\" class=\"date\"></span>")
        .append("<br /><br /><span id=\"teaser\" class=\"teaser\"></span>")
        .append(" <a href=\"#\" class=\"teaser\">More ></a>");

  var largeImage = $("#content_image #home-large");
  var largeTitle = $("#content_news #title");
  var largeDate = $("#content_news #date");
  var largeTeaser = $("#content_news #teaser");
  var largeMore = $("#content_news a.teaser");

  var largeIndex = 0;
  var largeArticle;
  var largePhotos = new Array();
  var largeStarted = false;
  var largeInterval;
  var largeDuration = 7000;

  function animateHomeLarge()
  {
    if (largeStarted)
    {
      var loop = 0;

      content_wrapper_divs.fadeOut("slow", function()
      {
        if (loop == 1)
        {
          animateHomeLargeContent();
        }

        loop += 1;
      });
    }
    else
    {
      animateHomeLargeContent();
    }
  }

  function animateHomeLargeContent()
  {
    largeStarted = true;

    if (largeIndex > (homeLarge.length - 1))
    {
      largeIndex = 0;
    }

    largeArticle = homeLarge[largeIndex];

    largeImage.attr("src", "image.aspx?guid=" + largeArticle.guid + "&type=home-large");
    
    var arrTeaser = largeArticle.teaser.split("~");

    largeTitle.text(largeArticle.title);
    largeDate.text(largeArticle.date);
    
    var lnkImage = $("a", content_image);
    
    if (arrTeaser.length > 1)
    {
        var teaser = arrTeaser[0].replace(/\|+?/g, '<br />');
        var href = arrTeaser[1];
        
        largeTeaser.html(teaser);
        largeMore.attr("href", href);
        largeMore.attr("target", "_blank");
        
        lnkImage.attr("href", href);
        lnkImage.attr("target", "_blank");
    }
    else
    {
        var teaser = largeArticle.teaser.replace(/\|+?/g, '<br />');
        var href = "/news.aspx?guid=" + largeArticle.guid;
        
        largeTeaser.html(teaser);
        largeMore.attr("href", href);
        largeMore.removeAttr("target");

        lnkImage.attr("href", href);
        lnkImage.removeAttr("target");
    }

    content_wrapper_divs.fadeIn("slow");

    largeIndex += 1;
  }

  $.getJSON("/scripts/json.aspx?type=home-large", function(data)
  {
    for (var i = 0; i < homeLarge.length; i++)
    {
      var img = new Image();
      img.src = "image.aspx?guid=" + homeLarge[i].guid + "&type=home-large";
      largePhotos.push(img);
    }

    animateHomeLarge();

    if (homeLarge.length > 1)
    {
      largeInterval = setInterval(animateHomeLarge, largeDuration);
    }
  });
}
