//Top Story content cycling
// globalize variables
/*
var contentCycleInterval;

// Content Cycling Variables
var cycleDelay = 6000; 		// timeInMilliseconds
var currentContentPiece = 1; // defaults to first one
var maxNumContentPieces; // max number of content/stories

// Preload Images
// auto-cycle controls
previousImage = new Image(17, 17); previousImage.src = "/images/previous.gif";
nextImage = new Image(17, 17); nextImage.src = "/images/next.gif";
playImage = new Image(17, 17); playImage.src = "/images/play.gif";
pauseImage = new Image(17, 17); pauseImage.src = "/images/pause.gif";

var moduleName = "topStories";
var contentCycleInterval;
var pauseValue = 0;
var initialPauseValue = 0;

// Navigation Settings
// nav delay
var navDelay = 6000;

// Content Cycling Functions
function adjacentContent(nearContentLoc) { // return values for content ID for prev/next 
  if (nearContentLoc == "prev") { // previous content
    decrementContentPieces();
  } else if (nearContentLoc == "next") { // next content
    incrementContentPieces();
  } // end if
  return currentContentPiece;
} // end function
/*
function autoCycleContent(currentContentPiece)
{ 
// call auto-cycle function with delay
contentCycleInterval = window.setInterval('cycleContent(moduleName, currentContentPiece)', cycleDelay);
} // end function
/* */
/*
function autoCycleContent(currentContentPiece) { // calls the auto cycle function with the delay 
  // call auto-cycle function with delay
  if (initialPauseValue == 0) { // default to auto cycle
    contentCycleInterval = window.setInterval('cycleContent(moduleName, currentContentPiece)', cycleDelay);
  } else { // defalut to pause
    pauseCycleContent('topStories', 'perm');
    initialPauseValue = 0;
  } // end if
} // end function

function cycleContent(moduleName, currentContentPiece) { // auto-cycles the content 
  // increment content piece
  currentContentPiece = incrementContentPieces();
  // hide all content
  for (i = 1; i <= maxNumContentPieces; i++) {
    document.getElementById("story" + i).style.display = 'none';
  } // end for
  // display current content
  document.getElementById("story" + currentContentPiece).style.display = 'block';
  decorateControls();
} // end function

function pauseCycleContent(moduleName, pauseType) { // toggles pausing the auto-cyle 
  if (pauseType == "temp") { // specific content selected
    window.clearInterval(contentCycleInterval);
    pauseValue = 1;
    document.getElementById("pauseImage").src = pauseImage.src;
  } else { // pause button selected
    if (pauseValue == 0) { // not currently paused
      // pause auto-cycle
      window.clearInterval(contentCycleInterval);
      pauseValue = 1;
      document.getElementById("pauseImage").src = playImage.src;
    } else { // currently paused
      // resume auto-cycle
      autoCycleContent(moduleName, currentContentPiece);
      document.getElementById("pauseImage").src = pauseImage.src;
      pauseValue = 0;
    } // end if
  } // end if
} // end function

function selectContent(moduleName, storyID) { // displays the content selected and hides the rest 
  if ((storyID == "prev") || (storyID == "next")) { // previous or next is selected
    storyID = adjacentContent(storyID);
  } // end if
  for (i = 1; i <= maxNumContentPieces; i++) { // hide all content
    document.getElementById("story" + i).style.display = 'none';
  } // end for
  // display selected content
  document.getElementById("story" + storyID).style.display = 'block';
  // pause auto cycle
  pauseCycleContent(moduleName, "temp");
  document.getElementById("pauseImage").src = playImage.src;
  currentContentPiece = storyID;
  decorateControls();
} // end function

function selectWeatherContent(moduleName, storyID) { // displays the content selected and hides the rest 
  for (i = 1; i <= maxNumContentPieces; i++) { // hide all content
    document.getElementById("weatherStory" + i).style.display = 'none';
  } // end for
  // display selected content
  document.getElementById("weatherStory" + storyID).style.display = 'block';
} // end function

function decorateControls() { // displays the control numbers active/passive 
  for (i = 1; i <= maxNumContentPieces; i++) { // make all control numbers passive display
    document.getElementById("controls" + i).className = 'passiveControls';
  } // end for
  // make current control number active
  document.getElementById("controls" + currentContentPiece).className = 'activeControls';
} // end function

function incrementContentPieces() { // increments the content pieces 
  currentContentPiece++;
  if (currentContentPiece > maxNumContentPieces) { // check to see if increments past max and reset
    currentContentPiece = 1;
  } // end if
  return currentContentPiece;
} // end function

function decrementContentPieces() { // decrements the content pieces 
  currentContentPiece--;
  if (currentContentPiece < 1) { // check to see if increments past min and reset
    currentContentPiece = maxNumContentPieces;
  } // end if
  return currentContentPiece;
} // end function

*/

var headline_count;
var headline_interval;
var old_headline = 0;
var current_headline = 0;
jQuery(function($) {
  headline_interval = setInterval(headline_rotate, 5000); //time in milliseconds
  headline_count = $("#topStories > div.topStoryItem").size();
  $('#topStories').append('<div class="topStoriesControls"><div class="numbers"><ul></ul></div><div class="buttons"><ul></ul></div></div>');
  var topStoryCount = 1;
  $('#topStories > div.topStoryItem').each(function() {
    $('#topStories .numbers ul').append('<li id="controls' + topStoryCount + '" class="passiveControls"><a href="#"><span>' + topStoryCount + '</span></a></li>');
    topStoryCount++;
  });
  $('#topStories .firstTopStory').addClass('visible')
  $('#topStories .numbers li:first').removeClass('passiveControls').addClass('activeControls');
  $('#topStories .buttons ul').append('<li class="controlButton"><a href="#"><img src="/images/previous.gif" id="previousImage" alt="previous" width="16" height="16" /></a></li>');
  $('#topStories .buttons ul').append('<li class="controlButton"><a href="#"><img src="/images/pause.gif" id="pauseImage" alt="pause" width="16" height="16" /></a></li>');
  $('#topStories .buttons ul').append('<li class="controlButton"><a href="#"><img src="/images/next.gif" id="nextImage" alt="next" width="16" height="16" /></a></li>');

  // Handle numbers
  $('#topStories .numbers a').live('click', function() {
    if ($(this).parent().hasClass('activeControls')) {
    } else {
      var index = $(this).parent().prevAll().length;
      $('#pauseImage').attr('id', 'playImage').attr('src', '/images/play.gif').attr('alt', 'play');
      clearInterval(headline_interval);
      $(this).parent().siblings().removeClass('activeControls');
      $(this).parent().addClass('activeControls');
      $(this).parent().parent().parent().parent().siblings('.visible').hide();
      $(this).parent().parent().parent().parent().siblings('div:eq(' + index + ')').addClass('visible').show();
      old_headline = index;
    };
    return false;
  });
  // Handle buttons forward
  $('#nextImage').live('click', function() {
    if ($('#topStories .numbers li:last').hasClass('activeControls')) {
      $('#pauseImage').attr('id', 'playImage').attr('src', '/images/play.gif').attr('alt', 'play');
      clearInterval(headline_interval);
      $('#topStories .numbers li:last').removeClass('activeControls');
      $('#topStories .topStoryItem:last').hide().removeClass('visible');
      $('#topStories .numbers li:first').addClass('activeControls');
      $('#topStories .topStoryItem:first').show().addClass('visible');
      old_headline = 0;
    } else {
      var index = $('#topStories .numbers li').index($('#topStories .numbers li.activeControls'));
      $('#pauseImage').attr('id', 'playImage').attr('src', '/images/play.gif').attr('alt', 'play');
      clearInterval(headline_interval);
      $('#topStories .numbers li:eq(' + index + ')').removeClass('activeControls');
      $('#topStories .topStoryItem:eq(' + index + ')').hide().removeClass('visible');
      index++;
      $('#topStories .numbers li:eq(' + index + ')').addClass('activeControls');
      $('#topStories .topStoryItem:eq(' + index + ')').show().addClass('visible');
      old_headline = index;
    };
    return false;
  });
  // Handle buttons backward
  $('#previousImage').live('click', function() {
    if ($('#topStories .numbers li:first').hasClass('activeControls')) {
      var index = $('#topStories .numbers li').index($('#topStories .numbers li.activeControls'));
      $('#pauseImage').attr('id', 'playImage').attr('src', '/images/play.gif').attr('alt', 'play');
      clearInterval(headline_interval);
      $('#topStories .numbers li:first').removeClass('activeControls');
      $('#topStories .topStoryItem:first').hide().removeClass('visible');
      $('#topStories .numbers li:last').addClass('activeControls');
      $('#topStories .topStoryItem:last').show().addClass('visible');
      old_headline = index;
    } else {
      var index = $('#topStories .numbers li').index($('#topStories .numbers li.activeControls'));
      $('#pauseImage').attr('id', 'playImage').attr('src', '/images/play.gif').attr('alt', 'play');
      clearInterval(headline_interval);
      $('#topStories .numbers li:eq(' + index + ')').removeClass('activeControls');
      $('#topStories .topStoryItem:eq(' + index + ')').hide().removeClass('visible');
      index--;
      $('#topStories .numbers li:eq(' + index + ')').addClass('activeControls');
      $('#topStories .topStoryItem:eq(' + index + ')').show().addClass('visible');
      old_headline = index;
    };
    return false;
  });
  // Pause button
  $('#pauseImage').live('click', function() {
    $(this).attr('id', 'playImage').attr('src', '/images/play.gif').attr('alt', 'play');
    clearInterval(headline_interval);
    return false;
  });
  // Play button
  $('#playImage').live('click', function() {
    var index = $('#topStories .numbers li').index($('#topStories .numbers li.activeControls'));
    $(this).attr('id', 'pauseImage').attr('src', '/images/pause.gif').attr('alt', 'pause');
    headline_interval = setInterval(headline_rotate, 5000); //time in milliseconds
    return false;
  });
  function headline_rotate() {
    current_headline = (old_headline + 1) % headline_count;
    $("#topStories .topStoryItem:eq(" + current_headline + ")").show().addClass('visible');
    $("#topStories .topStoryItem:eq(" + old_headline + ")").hide().removeClass('visible');
    $("#topStories .numbers li:eq(" + current_headline + ")").addClass('activeControls');
    $("#topStories .numbers li:eq(" + old_headline + ")").removeClass('activeControls');
    old_headline = current_headline;
  };
});


function reloadPage(url) {
  if (document.layers) {
    window.location.href = url;
  } else {
    self.location.replace(url);
  }
}


//Pop-up code
function launchURL(url, name, x, y) {
  window.name = "_newshome";
  var ItsTheWindow;
  ItsTheWindow = window.open(url, name, "status=no,height=" + y + ",width=" + x + ",scrollbars=no,resizable=no,toolbar=no");
}