var num_stories		= 0;
var story_width		= 184;
var story_margin	= 20;
var speed_feature	= 8;
var intervalFeature	= 10;
var isTweeningFeature	= false;

function init_feature_content()
{
	if($('id113') && $('stories_id113'))
	{
		var arr_story	= getElementsByClassName('story','div',$('stories_id113'));
		num_stories		= arr_story.length;
		$('stories_id113').style.width	= (num_stories * story_width) + (num_stories * story_margin) + 'px';
		update_feature_content_navi(0);
	}
}

function move_feature_content(dir)
{
	if($('id113') && $('stories_id113') && isTweeningFeature === false)
	{
		// Set default
		$('stories_id113').style.left	= ( !$('stories_id113').style.left ? '0px' : $('stories_id113').style.left );

		if(dir == 'left') // Move left
		{
			// Find end pos
			var end_pos = parseInt($('stories_id113').style.left) - story_width - story_margin;
			setTimeout(function() { move_fc_left(end_pos) },intervalFeature);
			isTweeningFeature	= true;
		}
		else if(dir == 'right') // Move right
		{
			// Find end pos
			var end_pos = parseInt($('stories_id113').style.left) + story_width + story_margin;
			setTimeout(function() { move_fc_right(end_pos) },intervalFeature);
			isTweeningFeature = true;
		}
	}
}
function move_fc_left(end_pos)
{
	var new_left	= parseInt($('stories_id113').style.left) - speed_feature;
	if(new_left <= end_pos)
	{
		$('stories_id113').style.left = end_pos + 'px';
		isTweeningFeature = false;
		update_feature_content_navi(end_pos)
	}
	else
	{
		$('stories_id113').style.left = new_left + 'px';
		setTimeout(function() { move_fc_left(end_pos) },intervalFeature);
	}
}
function move_fc_right(end_pos)
{
	var new_left	= parseInt($('stories_id113').style.left) + speed_feature;
	if(new_left >= end_pos)
	{
		$('stories_id113').style.left = end_pos + 'px';
		isTweeningFeature = false;
		update_feature_content_navi(end_pos);
	}
	else
	{
		$('stories_id113').style.left = new_left + 'px';
		setTimeout(function() { move_fc_right(end_pos) },intervalFeature);
	}
}
function update_feature_content_navi(end_pos)
{
	if($('more_left') && $('more_right'))
	{
		var max_left_pos	= parseInt($('stories_id113').style.width) - 3*(story_width+story_margin) - end_pos * -1;
		$('more_right').style.display	= ( max_left_pos <= 0 ? 'none' : 'block' );
		$('more_left').style.display	= ( end_pos < 0 ? 'block' : 'none' );
	}
}

addLoadEvent(init_feature_content);