var scrollPage = 0;
  var scrollXValues = Array( 0, 555, 1110, 1665 );
  var timeoutHolder = 0;
  var storyArray = Array( 'story0', 'story1', 'story2', 'story3', 'story4', 'story5', 'story6', 'story7', 'story8', 'story9', 'story10', 'story11' );
  function scrollBlogStories( direction )
  {
    clearTimeout(timeoutHolder);
    if( direction == "right" )
    {
      scrollPage += 1;
      value = 5;
      if( scrollPage > scrollXValues.length - 1 )
      {
        scrollPage = 0;
        value = -15;
      }
    }
    else
    {
      scrollPage -= 1;
      value = -5;
      if( scrollPage < 0 )
      {
        scrollPage = scrollXValues.length - 1;
        value = 15;
      }
    }
    //moveItems();
    performScrollStep( 0, scrollXValues[scrollPage], value, direction );
  }
  function performScrollStep( startvalue, endvalue, stepvalue, direction )
  {
    if( document.getElementById( 'rotatingStory' ).scrollLeft == endvalue )
    {
      return;      
    }
    else
    {
      document.getElementById( 'rotatingStory' ).scrollLeft += stepvalue;
      timeoutHolder = setTimeout( function(){ performScrollStep( 0, endvalue, stepvalue, direction ) }, 1 );
    }
  }
  function moveItems()
  {
    var newOrder;
    if( scrollPage == 0 )
    {
        newOrder = Array( storyArray[9], storyArray[10], storyArray[11],
                         storyArray[0], storyArray[1], storyArray[2], 
                         storyArray[3], storyArray[4], storyArray[5]
                       );
    }
    else if( scrollPage == 1)
    {
        newOrder = Array( storyArray[0], storyArray[1], storyArray[2], 
                         storyArray[3], storyArray[4], storyArray[5],
                         storyArray[6], storyArray[7], storyArray[8]
                       );
    }
    else if( scrollPage == 2)
    {
        newOrder = Array( storyArray[3], storyArray[4], storyArray[5],
                         storyArray[6], storyArray[7], storyArray[8],
                         storyArray[9], storyArray[10], storyArray[11]
                       );   
    }
    else
    {
        newOrder = Array( storyArray[6], storyArray[7], storyArray[8],
                          storyArray[9], storyArray[10], storyArray[11],
                          storyArray[0], storyArray[1], storyArray[2]
                       );   
    }
    
    document.getElementById('rotatingStory').innerHTML = document.getElementById(newOrder[0]).innerHTML;
    document.getElementById('rotatingStory').innerHTML += document.getElementById(newOrder[1]).innerHTML;
    document.getElementById('rotatingStory').innerHTML += document.getElementById(newOrder[2]).innerHTML;
    document.getElementById('rotatingStory').innerHTML += document.getElementById(newOrder[3]).innerHTML;
    document.getElementById('rotatingStory').innerHTML += document.getElementById(newOrder[4]).innerHTML;
    document.getElementById('rotatingStory').innerHTML += document.getElementById(newOrder[5]).innerHTML;
    document.getElementById('rotatingStory').innerHTML += document.getElementById(newOrder[6]).innerHTML;
    document.getElementById('rotatingStory').innerHTML += document.getElementById(newOrder[7]).innerHTML;
    document.getElementById('rotatingStory').innerHTML += document.getElementById(newOrder[8]).innerHTML;
    document.getElementById('rotatingStory').style.width = 3000 + 'px';
  }