//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
//	Scrolling Photos
//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
//	cheltenham software
//	http://cheltenham-software.com/
//	無断配布や二次利用を禁止します。
//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
var numberPhoto = parseInt( cheltenhamText_getHtml( 'PanelPhotoNumber' ) );
var objectPanelPhoto = new Array();
var speedXDefault = 1;
var speedX = speedXDefault;
var arraySizeX = new Array();
var sumSizeX = 0;
var arrayPositionLeft = new Array();
var arrayPositionRight = new Array();
var panelSizeX = 960;
var gapX = 20;
var objectPanel = document.getElementById( 'PanelFrame' );
initializePosition();

function initializePosition()
{
	for( i = 0 ; i < numberPhoto ; i++ )
	{
		var nameTarget = 'PanelPhoto' + i;
		objectPanelPhoto[ i ] = document.getElementById( nameTarget );
		arraySizeX[ i ] = 180;
		sumSizeX += arraySizeX[ i ] + gapX;

		if( i == 0 )
		{
			arrayPositionLeft[ i ] = 0;
		}
		else
		{
			arrayPositionLeft[ i ] = arrayPositionRight[ i - 1 ] + gapX;
		}
		arrayPositionRight[ i ] = arrayPositionLeft[ i ] + arraySizeX[ i ];
	}
}
function refreshPosition()
{
	for( i = 0 ; i < numberPhoto ; i++ )
	{
		arrayPositionLeft[ i ] = Math.floor( arrayPositionLeft[ i ] - speedX );
		arrayPositionRight[ i ] = Math.floor( arrayPositionRight[ i ] - speedX );

		// Overflow
		if( speedX > 0 && arrayPositionRight[ i ] < 0 )
		{
			arrayPositionLeft[ i ] += sumSizeX;
			arrayPositionRight[ i ] += sumSizeX;
		}
		if( speedX < 0 && arrayPositionLeft[ i ] > panelSizeX )
		{
			arrayPositionLeft[ i ] -= sumSizeX;
			arrayPositionRight[ i ] -= sumSizeX;
		}
	}
}
function scrollPhoto()
{
	refreshPosition();
	for( i = 0 ; i < numberPhoto ; i++ )
	{
		objectPanelPhoto[ i ].style.left = Math.floor( arrayPositionLeft[ i ] ) + 'px';
	}
}

function setScrollSpeed( objectEvent )
{
	var mouseX = cheltenhamEvent_getMousePosition( objectEvent ).x;
	var mouseY = cheltenhamEvent_getMousePosition( objectEvent ).y;
	var windowSize = cheltenhamWindow_getSizeDisplay();
	var percentageX = 20 * ( mouseX - ( windowSize.width / 2 ) ) / windowSize.width;
	speedX = percentageX * speedXDefault;
}

function showProductList()
{
	cheltenhamStyle_setDisplay( 'PanelOpening', 0 );
	cheltenhamStyle_setDisplay( 'PanelShow', 1 );

	setProductListAnimation();
}

function setProductListAnimation()
{
	// Timer
	cheltenhamEvent_addListener( objectPanel, 'mousemove', setScrollSpeed, false );
	var timerID = setInterval( scrollPhoto, 20 );
}